學(xué)習(xí)要點：
1.HTML5 文檔結(jié)構(gòu)
2.文檔結(jié)構(gòu)解析
3.元素標(biāo)簽探討
主講教師：李炎恢
本章主要先從 HTML5 的文檔結(jié)構(gòu)談起闪金。 這些基礎(chǔ)元素確定了 HTML 文檔的輪廓以及瀏覽器的初始環(huán)境。幾乎所有頁面都必須首先鍵入這些元素弹澎。
一．HTML5 文檔結(jié)構(gòu)
1.第一步：打開 Sublime Text 3，打開指定文件夾努咐；
2.第二步：保存 index.html 文件到磁盤中苦蒿，.html 是網(wǎng)頁后綴；
3.第三步：開始編寫 HTML5 的基本格式渗稍。
<!DOCTYPE html> //文檔類型聲明
<html lang="zh-cn"> //表示 HTML 文檔開始
<head> //包含文檔元數(shù)據(jù)開始
<meta charset="utf-8"> //聲明字符編碼
<title>基本結(jié)構(gòu)</title> //設(shè)置文檔標(biāo)題
</head> //包含文檔元數(shù)據(jù)結(jié)束
<body> //表示 HTML 文檔內(nèi)容
<a >炎黃養(yǎng)生</a>//一個超鏈接元素（標(biāo)簽）
</body> //表示 HTML
</html> //表示 HTML 文檔結(jié)束二．文檔結(jié)構(gòu)解析
1.Doctype
文檔類型聲明（Document Type Declaration佩迟，也稱 Doctype）。它主要告訴瀏覽器所查看的文件類型竿屹。 在以往的 HTML4.01 和 XHTML1.0 中报强， 它表示具體的 HTML 版本和風(fēng)格。而如今 HTML5 不需要表示版本和風(fēng)格了拱燃。
<!DOCTYPE html> //不分區(qū)大小寫
2.html 元素
首先秉溉，元素就是標(biāo)簽的意思，html 元素即 html 標(biāo)簽扼雏。html 元素是文檔開始和結(jié)尾的元素坚嗜。它是一個雙標(biāo)簽，頭尾呼應(yīng)诗充，包含內(nèi)容苍蔬。這個元素有一個屬性和值：lang="zh-cn"，表示文檔采用語言為：簡體中文蝴蜓。
<html lang="zh-cn"> //如果是英文則為 en
3.head 元素
用來包含元數(shù)據(jù)內(nèi)容碟绑，元數(shù)據(jù)包括：<link>、<meta>茎匠、<noscript>格仲、<script>、<style>诵冒、<title>凯肋。這些內(nèi)容用來瀏覽器提供信息，比如 link 提供 CSS 信息汽馋，script提供 JavaScript 信息侮东，title 提供頁面標(biāo)題等圈盔。
<head>...</head> //這些信息在頁面不可見
4.meta 元素
這個元素用來提供關(guān)于文檔的信息，起始結(jié)構(gòu)有一個屬性為：charset="utf8"悄雅。表示告訴瀏覽器頁面采用的什么編碼驱敲，一般來說我們就用 utf8。當(dāng)然宽闲，文件保存的時候也是utf8众眨，而瀏覽器也設(shè)置 utf8 即可正確顯示中文。
<meta charset="utf-8"> //除了設(shè)置編碼容诬，還有別的
5.title 元素
這個元素很簡單娩梨，顧名思義：設(shè)置瀏覽器左上角的標(biāo)題。
<title>基本結(jié)構(gòu)</title>
6.body 元素
用來包含文檔內(nèi)容的元素放案，也就是瀏覽器可見區(qū)域部分姚建。所有的可見內(nèi)容，都應(yīng)該在這個元素內(nèi)部進行添加吱殉。
<body>...</body>
7.a 元素
一個超鏈接掸冤，后面會詳細探討。
<a >炎黃養(yǎng)生</a>
三．元素標(biāo)簽探討
HTML 是一種標(biāo)記語言友雳，剛才的結(jié)構(gòu)我們已經(jīng)詳細探討過稿湿。這里，我們再剖析一下這些“標(biāo)記”或者叫“標(biāo)簽”押赊，書面上經(jīng)常稱作為“元素”的東西是怎么構(gòu)成的饺藤。
1.元素
元素就是一組告訴瀏覽器如何處理一些內(nèi)容的標(biāo)簽。每個元素都有一個關(guān)鍵字流礁，比如<body>涕俗、<title>、<meta>都是元素神帅。不同的標(biāo)簽名稱代表不同的意義再姑，后面將會涉及到段落標(biāo)簽、文本標(biāo)簽找御、鏈接標(biāo)簽元镀、圖片標(biāo)簽等。
元素一般分為兩種：單標(biāo)簽（空元素）和雙標(biāo)簽霎桅。單標(biāo)簽一般用于聲明或者插入某個元素栖疑，比如聲明字符編碼就用<meta>，插入圖片就用<img>滔驶；雙標(biāo)簽一般用于設(shè)置一段區(qū)域的內(nèi)容遇革，將其包含起來，比如段落<p>...</p>。
2.屬性和值
元素除了有單雙之分澳淑， 元素的內(nèi)部還可以設(shè)置屬性和值比原。 這些屬性值用來改變元素某些方面的行為插佛。比如超鏈接：<a>中的 href 屬性杠巡，里面替換網(wǎng)址即可鏈接到不同的網(wǎng)站。當(dāng)然一個元素里面可以設(shè)置多個屬性雇寇，甚至自定義屬性氢拥。
