HTML結(jié)構(gòu)詳解
所有的瀏覽器默認(rèn)情況下都會忽略空格和空行
每個標(biāo)簽都有私有屬性。也都有公有屬性抵拘。
html中表示長度的單位都是像素。HTML只有一種單位就是像素型豁。
1僵蛛、文檔聲明頭
任何一個標(biāo)準(zhǔn)的HTML頁面，第一行一定是一個以<!DOCTYPE ……開頭的語句迎变。
?這一行充尉，就是文檔聲明頭，DocType Declaration氏豌，簡稱DTD喉酌。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范热凹。
2泵喘、頭標(biāo)簽
頭標(biāo)簽都放在頭部分之間。包括：<title>般妙、<base>纪铺、<meta>、<link>
<title>：指定整個網(wǎng)頁的標(biāo)題碟渺，在瀏覽器最上方顯示鲜锚。
<base>：為頁面上的所有鏈接規(guī)標(biāo)題欄顯示的內(nèi)容定默認(rèn)地址或默認(rèn)目標(biāo)。
<meta>：提供有關(guān)頁面的基本信息
<body>：用于定義HTML文檔所要顯示的內(nèi)容苫拍，也稱為主體標(biāo)簽芜繁。我們所寫的代碼必須放在此標(biāo)簽內(nèi)。
<link>：定義文檔與外部資源的關(guān)系绒极。
<!doctype html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
? <title>Document</title>
</head>
<body>
</body>
</html>
<meta http-equiv="refresh" content="3;http://www.baidu.com">??上面這個標(biāo)簽的意思是說骏令，3秒之后，自動跳轉(zhuǎn)到百度頁面垄提。
1）字符集 charset
charset就是charactor set（即“字符集”）榔袋，瀏覽器就是通過meta來看網(wǎng)頁是什么字符集的周拐。比如你保存的時候，meta寫的和聲明的不匹配凰兑，那么瀏覽器就是亂碼妥粟。
2）定義“關(guān)鍵詞”
舉例如下：
<meta name="Keywords" content="網(wǎng)易,郵箱,游戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />
3）定義“頁面描述”
meta除了可以設(shè)置字符集，還可以設(shè)置關(guān)鍵字和頁面描述吏够。
我們把含有meta標(biāo)簽的這一行代碼抽象一下：? <meta name="Author/Description" content="">? ?name即“名字”勾给，content即“內(nèi)容”。
只要設(shè)置Description頁面描述稿饰，那么百度搜索結(jié)果锦秒，就能夠顯示這些語句，這個技術(shù)叫做SEO（search engine optimization喉镰，搜索引擎優(yōu)化）
<meta name="Description" content="網(wǎng)易是中國領(lǐng)先的互聯(lián)網(wǎng)技術(shù)公司旅择，為用戶提供免費郵箱、游戲侣姆、搜索引擎服務(wù)生真，開設(shè)新聞、娛樂捺宗、體育等30多個內(nèi)容頻道柱蟀，及博客、視頻蚜厉、論壇等互動交流长已，網(wǎng)聚人的力量。" />
4）title標(biāo)簽
title也是有助于SEO搜索引擎優(yōu)化的昼牛。
面試題：
問：網(wǎng)頁的head標(biāo)簽里面术瓮，表示的是頁面的配置，有什么配置贰健？
答：字符集胞四、標(biāo)題、頁面描述伶椿、關(guān)鍵詞
（今后我們還能看見一些其他的配置：
IE適配<meta http-equiv="X-UA-Compatible" content="IE=edge">
視口<meta name="viewport" content="width=device-width, initial-scale=0.1">辜伟、
iPhone小圖標(biāo)等等）
3、<body>標(biāo)簽
bgcolor：設(shè)置整個網(wǎng)頁的背景顏色脊另。
background：設(shè)置整個網(wǎng)頁的背景圖片导狡。
text：設(shè)置網(wǎng)頁中的文本顏色。
leftmargin：網(wǎng)頁的左邊距偎痛。IE瀏覽器默認(rèn)是8個像素旱捧。
topmargin：網(wǎng)頁的上邊距。rightmargin：網(wǎng)頁的右邊距看彼。bottommargin：網(wǎng)頁的下邊距廊佩。
<body>標(biāo)簽link屬性表示默認(rèn)顯示的顏色囚聚、alink屬性表示鼠標(biāo)點擊但是還沒有松開時的顏色、vlink屬性表示點擊完成之后顯示的顏色标锄。
