網(wǎng)站優(yōu)化-HTML詳解

前兩天曲奇兒跟大家介紹了一些關(guān)于網(wǎng)站和HTML標(biāo)記語言的大體輪廓，今天我們來看一看詳細(xì)的東西吧。首先對(duì)于我們SEO工作人員來說，看的懂HTML標(biāo)記是最基本的，如果我們做網(wǎng)站優(yōu)化，看不懂網(wǎng)站的前臺(tái)源代碼，那么我們甚至都不能與網(wǎng)站的制作人員進(jìn)行有效的溝通，不要說我們自己來優(yōu)化網(wǎng)站代碼了，就是讓別人來做，我們都說不清楚，這是一件很頭疼的事情，所以，靠人不如靠自己，我們至少要看的懂才行，今天曲奇兒SEO就簡(jiǎn)要的說一說那些非常常用的HTML標(biāo)記。

通過這篇文章您將會(huì)了解以下這些內(nèi)容：
1、最常用的HTML標(biāo)記都有哪些，分別都是什么含義。
2、HTML文檔的后綴都有哪些，區(qū)別在哪里。
3、如何快速達(dá)到能夠看懂HTML標(biāo)記語言。

一、我們先來了解一下最常用的HTML語言都有哪些，并且解析一下他們都是什么意思。

1、html、head、body。毫無疑問這三對(duì)標(biāo)記是最常用的，也是HTML的框架，沒有了他們那么就沒有了網(wǎng)頁，所以我們要知道他們的含義都是什么，html這一對(duì)兒是用來告訴瀏覽器，這個(gè)文檔是網(wǎng)頁標(biāo)記語言的，好讓瀏覽器識(shí)別，之所以大寫跟小寫混著用，是因?yàn)镠TML標(biāo)記語言不區(qū)分大小寫，在書寫規(guī)則上沒有嚴(yán)格要求。head這是頭部元素的標(biāo)記，在這個(gè)頭部元素標(biāo)記中可以擁有很多種信息，比如說title網(wǎng)站標(biāo)題，meta元素，這個(gè)里邊因?yàn)閷傩缘牟煌瑫?huì)有很多種功能，像我們常用的關(guān)鍵詞、描述都是使用<meta />標(biāo)記引用的。當(dāng)然還有l(wèi)ink和script標(biāo)記，他們是用來調(diào)用CSS樣式表以及JS的，這些元素都是被寫在head中的。至于最后一個(gè)body元素，大家可以理解成一個(gè)大容器，這個(gè)大容器中將會(huì)把所有的網(wǎng)頁內(nèi)容裝在里邊，通俗的說，
網(wǎng)頁制作就是在body元素中進(jìn)行的。

2、a、div、im、span、p、ul、li這些元素中a是超鏈接元素，img是圖片調(diào)用元素，我們知道，網(wǎng)頁一般大多數(shù)都是文字與圖片的，所以這兩個(gè)元素在網(wǎng)頁制作中使用的次數(shù)非常多。而后邊的div、span、p、ul、li是用來做布局使用的，當(dāng)然他們的作用非常大，在后邊的CSS+DIV中運(yùn)用廣泛，現(xiàn)如今你基本找不到網(wǎng)頁中不包含他們的網(wǎng)站了。這里只是簡(jiǎn)單的提一句，大家了解下即可。

3、table在DIV+CSS布局之前，這套標(biāo)記可是非常牛的，因?yàn)槟莻€(gè)時(shí)候的網(wǎng)站布局基本要靠他們的。其中th、tr、td這三套標(biāo)簽分別代表著該表格的表頭、行與列。在那個(gè)年代里，就是這么幾套標(biāo)簽就能搞定整個(gè)網(wǎng)站的布局，雖然現(xiàn)如今使用的比較少了，但是table仍然在格式化輸出方面被廣泛地使用著。(這里需要注明一下，table標(biāo)簽之所以被DIV+CSS取代，根本原因在于使用table標(biāo)記布局的時(shí)候會(huì)產(chǎn)生大量的代碼冗余，而且這種布局方式不被搜索引擎喜歡)。

二、HTML文檔的后綴都有哪些，區(qū)別在哪里。

對(duì)于HTML標(biāo)記語言來說，其文檔的后綴一般有HTML何HTM兩種，對(duì)于前邊那種相信大家都已經(jīng)十分了解了，后邊的這一種呢現(xiàn)在已經(jīng)不常被使用了，它的出現(xiàn)其實(shí)只是為了兼容當(dāng)年DOS系統(tǒng)，大家了解即可。

三、如何快速達(dá)到能夠看懂HTML標(biāo)記語言。

說到這里，曲奇兒其實(shí)想說的就是學(xué)習(xí)方法了，如果你想要快速看懂HTML其實(shí)很簡(jiǎn)單，你只需要下載一個(gè)HTML標(biāo)記語言的電子手冊(cè)，然后自己去網(wǎng)絡(luò)中隨便找一個(gè)網(wǎng)頁，將它的源代碼打開，然后根據(jù)你的手冊(cè)一點(diǎn)一點(diǎn)的看它的源代碼，當(dāng)你將10個(gè)網(wǎng)站的源代碼全部看懂，那么基本就沒問題了。
怎么樣是不是很簡(jiǎn)單呢？當(dāng)然，這里只是為SEO工作新人們介紹一下如何看懂HTML，如果你想要通過學(xué)習(xí)HTML來制作網(wǎng)頁，那還是需要下苦功夫的，我們要知道，任何有用的知識(shí)，都是需要時(shí)間去學(xué)習(xí)、去實(shí)踐的
。
好啦，今天的文章就寫到這里，希望能夠幫助大家起到穿針引線的作用，最后也希望大家能夠多多支持曲奇兒的文章，謝謝大家啦。

原文出處鏈接：http://www.10000xue.com/jnks/dnl/930.html
搜外論壇原創(chuàng)作者：齊明月
日期：2015-4-26


本文地址:http://www.quema.com.cn/artinfo/1593.html