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)頁排名和內(nèi)容索引規(guī)則的算法是不一樣的，不過title通常扮演著重要角色。搜索引擎會將title作為判斷頁面主要內(nèi)容的指標(biāo)，并將頁面內(nèi)容按照與之相關(guān)的文字進行索引。有效的title應(yīng)包含幾個與頁面密切相關(guān)的關(guān)鍵詞。這種做法比把網(wǎng)站名作為title要好。
<title>元素：
- 定義瀏覽器工具欄中的標(biāo)題
- 提供頁面被添加到收藏夾時的標(biāo)題
- 顯示在搜索引擎結(jié)果中的頁面標(biāo)題
- 提示和注釋
注意： - 一個 HTML 文檔中不能有一個以上的 <title> 元素。
- 如果您遺漏了 <title> 標(biāo)簽，文檔作為 HTML 是無效的。
2.為了得到更好的結(jié)構(gòu)，引入了下面的標(biāo)簽：
- section： 這個標(biāo)簽表示一個通用的文檔或者應(yīng)用程序節(jié)。它+ 可以和 h1-h6 一起使用來表示文檔結(jié)構(gòu)。
- article： 這個標(biāo)簽表示文檔內(nèi)容的一個獨立塊，比如博客條目或者報紙上的文章。
- aside： 這個標(biāo)簽表示與頁面其他部分略微相關(guān)的內(nèi)容塊。
- header： 這個標(biāo)簽表示一個節(jié)的頭部。
- footer： 這個標(biāo)簽表示一個節(jié)的腳注，可以包含作者，版權(quán)等信息。
- nav： 這個標(biāo)簽表示用于導(dǎo)航文檔的節(jié)。
- dialog： 這個標(biāo)簽可以用于標(biāo)記會話。
- figure： 這個標(biāo)簽可以用于關(guān)聯(lián)標(biāo)題和某些嵌入內(nèi)容，比如圖表和視頻。
