1.HTML5 的結(jié)構(gòu)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
1.1###title
<title> 標(biāo)簽定義文檔的標(biāo)題情连，在所有 HTML 文檔中是必需的叽粹。不同搜索引擎確定網(wǎng)頁(yè)排名和內(nèi)容索引規(guī)則的算法是不一樣的，不過(guò)title通常扮演著重要角色却舀。搜索引擎會(huì)將title作為判斷頁(yè)面主要內(nèi)容的指標(biāo)虫几，并將頁(yè)面內(nèi)容按照與之相關(guān)的文字進(jìn)行索引。有效的title應(yīng)包含幾個(gè)與頁(yè)面密切相關(guān)的關(guān)鍵詞挽拔。這種做法比把網(wǎng)站名作為title要好辆脸。
<title>元素：
- 定義瀏覽器工具欄中的標(biāo)題
- 提供頁(yè)面被添加到收藏夾時(shí)的標(biāo)題
- 顯示在搜索引擎結(jié)果中的頁(yè)面標(biāo)題
- 提示和注釋
注意： - 一個(gè) HTML 文檔中不能有一個(gè)以上的 <title> 元素。
- 如果您遺漏了 <title> 標(biāo)簽螃诅，文檔作為 HTML 是無(wú)效的啡氢。
2.為了得到更好的結(jié)構(gòu)，引入了下面的標(biāo)簽：
- section： 這個(gè)標(biāo)簽表示一個(gè)通用的文檔或者應(yīng)用程序節(jié)术裸。它+ 可以和 h1-h6 一起使用來(lái)表示文檔結(jié)構(gòu)倘是。
- article： 這個(gè)標(biāo)簽表示文檔內(nèi)容的一個(gè)獨(dú)立塊，比如博客條目或者報(bào)紙上的文章袭艺。
- aside： 這個(gè)標(biāo)簽表示與頁(yè)面其他部分略微相關(guān)的內(nèi)容塊搀崭。
- header： 這個(gè)標(biāo)簽表示一個(gè)節(jié)的頭部。
- footer： 這個(gè)標(biāo)簽表示一個(gè)節(jié)的腳注猾编，可以包含作者瘤睹，版權(quán)等信息。
- nav： 這個(gè)標(biāo)簽表示用于導(dǎo)航文檔的節(jié)答倡。
- dialog： 這個(gè)標(biāo)簽可以用于標(biāo)記會(huì)話默蚌。
- figure： 這個(gè)標(biāo)簽可以用于關(guān)聯(lián)標(biāo)題和某些嵌入內(nèi)容，比如圖表和視頻苇羡。
