一，HTML介紹:
html英文意思是:hypertext Marked Language,就是超文體標(biāo)記語(yǔ)言,是一種用制作超文本文檔資料的簡(jiǎn)單標(biāo)記語(yǔ)言.用HTML編寫的超文本文檔叫HTML文檔,它能獨(dú)立于種操作系統(tǒng)平臺(tái)(如UNIX,WINDOWS等)。自1990年以來HTML就一直被用作Word Wide Web 的信息表示語(yǔ)言，用于描述Homepage的格式設(shè)計(jì)與www其它的Homdepage的連結(jié)信息。使用HTML語(yǔ)言描述的文件，需要通過WWW瀏覽器顯示出效果。
所謂超文體,因?yàn)樗梢约尤雸D片，聲音，動(dòng)畫，影視等內(nèi)容，因?yàn)樗梢詮囊粋€(gè)文件跳到另一個(gè)文件，與世界各地主機(jī)的文件連接。
HTML文檔的擴(kuò)展名通常是“html“,“htm”,可用相關(guān)的軟件編輯，用ie瀏覽。
二，HTML的基本結(jié)構(gòu)：
<html>
<head>
< http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標(biāo)題</title>
</head>
<body>
網(wǎng)頁(yè)主體部分
</body>
</html>
我們以簡(jiǎn)單的例子http://www.dawncheer.com 來說明：
1,頭部
<html>
<head>
< http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>五行蔬菜湯,糙米茶,牛蒡茶,銀杏茶,玄米茶-XXXX</title>
< name="deion" content="五行蔬菜湯,糙米茶,牛蒡茶,銀杏茶,玄米茶生產(chǎn)廠家-XXXX有牛蒡之鄉(xiāng)豐縣金陵,研發(fā)生產(chǎn)的"XXXX"五行蔬菜湯,糙米茶,牛蒡茶,銀杏茶,玄米茶是您健康的好選擇!0516-89273999">
< name="keywords" content="五行蔬菜湯,糙米茶,牛蒡茶,銀杏茶,玄米茶">
< content=all name=robots />
< name="author" content="公司名稱,www.dawncheer.com" />
< name="copyright" content="版權(quán)所有2009-2012，XXXXX,XXX"/>
< name="verify-v1" content="g1roLfr4jNKBe4nj5js
< name="y_key" content="
<link href="http://www.dawncheer.com/css.css" rel="stylesheet" type="text/css"/>
</head>
說明內(nèi)容開始：
<head>與</head>之間的內(nèi)容是頭部信息，在 IE中除了標(biāo)題<title>五行蔬菜湯,糙米茶,牛蒡茶,銀杏茶,玄米茶-XXXXX</title>之外，瀏覽者是看不到的，要想看到這方面的信息，可以通過IE中的文件查看》源文件才能看到。我們叫這個(gè)部分為頭部，可想就知道這部分的內(nèi)容是比較重要的。這個(gè)部分是搜索引擎讀取網(wǎng)頁(yè)內(nèi)容的信息第一判斷，權(quán)重比較高，這部分內(nèi)容我們?cè)?/span>網(wǎng)頁(yè)制作中一定得考慮的內(nèi)容。下面我們來再分析：
1)charset=gb2312這個(gè)代碼就是簡(jiǎn)體中文，如果將其中的“charset=GB
“BIG
2) <title>與</title>是標(biāo)題，這個(gè)部分一般比較重要，是一個(gè)網(wǎng)頁(yè)的內(nèi)容提綱挈領(lǐng)，一般不要太多，過而不及，數(shù)字定在25個(gè)漢字左右，如果標(biāo)題內(nèi)容太長(zhǎng)，一般要“減肥”，不過，排后面的漢字權(quán)重很小很小，幾乎沒有作用，很長(zhǎng)的標(biāo)題給人反感呢，建議要“減肥”.標(biāo)題中要加個(gè)相關(guān)的關(guān)鍵字。
< name="deion" content="在這里面是網(wǎng)頁(yè)描述部分"，大白話，這個(gè)部分是就這個(gè)網(wǎng)頁(yè)主要的內(nèi)容是什么一般為100個(gè)漢字左右，多一點(diǎn)行不行呢，當(dāng)然可以，只不過多了就沒有什么作用了。Deion在英文中就是描述意思，有點(diǎn)朋友一提到英文就頭大，這個(gè)字太難拼了，再加上這種格式比較難記寫，在網(wǎng)頁(yè)制作中，常常不記得，沒有關(guān)系嘛，你可以在IE中打上www.dawncheer.com到主站主頁(yè)面來嘛，文件》查看》源文件，你復(fù)制改改就可以用了。這個(gè)方法是有點(diǎn)笨，但沒有辦法呀。
3）< name="keywords" content="在這里面是關(guān)鍵字"，keywords英文本意思是就關(guān)鍵字的意思，這里的關(guān)鍵的數(shù)量也不能太多，多了也沒有什么大的作用，現(xiàn)在相百度，google，yahoo現(xiàn)在對(duì)這個(gè)部分內(nèi)容不怎么看中，很淡化了，不過，為了表示專業(yè)，還得寫上幾個(gè)吧。
4）< content=all name=robots />，很多朋友問這個(gè)是什么意思，英文好一點(diǎn)就知道了robots是就蜘蛛，這句話的意思是讓所有的搜索引擎來收錄，來爬。
5）< name="author" content="作者" />
< name="copyright" content="版權(quán)內(nèi)容"/>這兩個(gè)部分有點(diǎn)用途，說明這個(gè)網(wǎng)站不是抄襲別人的，是自己原創(chuàng)，有版權(quán)的。這個(gè)部分內(nèi)容不是一定要加上的，但對(duì)搜索引擎友好嘛，可以加上。
6) < name="verify-v1" content="g1roLfr4jNKBe4nj5js
< name="y_key" content="
2,主體部分:
<body>主體就是你在網(wǎng)頁(yè)的內(nèi)容</body>
網(wǎng)頁(yè)的內(nèi)容太多，不能是一體化，網(wǎng)頁(yè)設(shè)計(jì)師在做網(wǎng)頁(yè)制作中自由發(fā)揮，可以用表格來做，可以用div加css來做，可以放文字，圖片，動(dòng)畫等，在dr中就可以做了。
附：
Google 可以識(shí)別以下元標(biāo)記（和相關(guān)項(xiàng)）：
| < name="deion" content="網(wǎng)頁(yè)說明" /> | 此標(biāo)記會(huì)提供網(wǎng)頁(yè)的簡(jiǎn)短說明。 在某些情況下，此說明充當(dāng)搜索結(jié)果中顯示的一部分代碼段。 |
| <title>網(wǎng)頁(yè)標(biāo)題</title> | 雖然從技術(shù)上講，這不是一個(gè)元標(biāo)記，但是此標(biāo)記經(jīng)常與"deion"（說明）一起使用。 此標(biāo)記的內(nèi)容通常顯示為搜索結(jié)果（在用戶的瀏覽器中）中的標(biāo)題。 |
| < name="robots" content="..., ..." /> | 這些元標(biāo)記可以控制搜索引擎抓取和編制索引的行為。 robots 元標(biāo)記適用于所有搜索引擎，而"googlebot"元標(biāo)記專用于 Google。 默認(rèn)值是"index, follow"（相當(dāng)于"all"），不需要進(jìn)行指定。 我們可以識(shí)別以下值（指定多個(gè)值時(shí)，請(qǐng)使用逗號(hào)進(jìn)行分隔）：
另外，現(xiàn)在您還可以使用"X-Robots-Tag"HTTP 標(biāo)頭指令在網(wǎng)頁(yè)的標(biāo)頭中指定此信息。 如果要調(diào)整非 HTML 文件（如圖形或其他類型的文檔）的抓取和索引編制，那么此指令就特別有用。 |
| < name="google" content="notranslate" /> | 如果我們發(fā)現(xiàn)網(wǎng)頁(yè)內(nèi)容所用的語(yǔ)言不是用戶想要閱讀的語(yǔ)言，則通常會(huì)在搜索結(jié)果中提供翻譯鏈接。 這樣通常會(huì)讓您有機(jī)會(huì)將獨(dú)特而富有吸引力的內(nèi)容提供給更多用戶。 不過，也可能會(huì)出現(xiàn)一些并不期望發(fā)生的情況。 此元標(biāo)記會(huì)告訴 Google 您不需要我們提供此頁(yè)的翻譯。 |
| < name="verify-v1" content="..." /> | 您可以在網(wǎng)站的頂級(jí)頁(yè)面上使用此標(biāo)記，以對(duì)網(wǎng)站管理員工具驗(yàn)證您的所有權(quán)。 請(qǐng)注意，雖然"name"和"content"屬性的值必須與提供給您的值完全匹配（包括大小寫），但是是否將標(biāo)記從 XHTML 更改為 HTML，或者標(biāo)記的格式是否與網(wǎng)頁(yè)的格式相符，這些都不是什么問題。 |
| < http-equiv="Content-Type" content="...; charset=..." /> | 此元標(biāo)記定義網(wǎng)頁(yè)的內(nèi)容類型和字符集。 確保您已在內(nèi)容屬性值的兩端添加了引號(hào)，否則系統(tǒng)可能會(huì)錯(cuò)誤地解譯字符集屬性。 |
| < http-equiv="refresh" content="...;url=..." /> | 此元標(biāo)記會(huì)在一段時(shí)間后將用戶指向新網(wǎng)址，有時(shí)也會(huì)被用作重定向的簡(jiǎn)單形式。 不過，并不是所用瀏覽器都支持此功能，因此可能會(huì)造成用戶困惑。 W3C 建議不要使用此標(biāo)記。 我們建議改用服務(wù)器端 301 重定向。 |
需要注意的其他事項(xiàng)：
此列表中并未列出所有可用的元標(biāo)記，如果未在此處列出的元標(biāo)記對(duì)您的網(wǎng)站很重要，請(qǐng)放心大膽地使用。 唯一需要記住的是，Google 會(huì)忽略不認(rèn)識(shí)的元標(biāo)記
聯(lián)系客服
