網(wǎng)頁布局結(jié)構(gòu)分析-創(chuàng)新互聯(lián)

section

標(biāo)簽定義了文檔的某個區(qū)域。比如章節(jié)、頭部、底部或者文檔的其他區(qū)域

article

標(biāo)簽定義獨立的內(nèi)容

標(biāo)簽定義的內(nèi)容本身必須是有意義的且必須是獨立于文檔的其余部分

nav

并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標(biāo)注一個導(dǎo)航鏈接的區(qū)域。

在不同設(shè)備上（手機或者PC）可以制定導(dǎo)航鏈接是否顯示，以適應(yīng)不同屏幕的需求

aside

<aside> 標(biāo)簽定義 <article> 標(biāo)簽外的內(nèi)容。

aside 的內(nèi)容應(yīng)該與附近的內(nèi)容相關(guān)

例如側(cè)邊欄

hgroup

<hgroup> 標(biāo)簽被用來對標(biāo)題元素進行分組。

當(dāng)標(biāo)題有多個層級（副標(biāo)題）時，<hgroup> 元素被用來對一系列 <h2> - <h7> 元素進行分組

footer

<footer> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁腳。

<footer> 元素應(yīng)該包含它所包含的元素的信息。

在典型情況下，該元素會包含文檔創(chuàng)作者的姓名、文檔的版權(quán)信息、使用條款的鏈接、聯(lián)系信息等等。

在一個文檔中，您可以定義多個 <footer> 元素

header

<header> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁眉。

<header> 元素應(yīng)該作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。

在一個文檔中，您可以定義多個 <header> 元素。

注釋：<header> 標(biāo)簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內(nèi)部

figure

<figure> 標(biāo)簽規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

<figure> 元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān)，同時元素的位置相對于主內(nèi)容是獨立的。如果被刪除，則不應(yīng)對文檔流產(chǎn)生影響

mark

<mark> 標(biāo)簽定義帶有記號的文本。

請在需要突出顯示文本時使用 <mark> 標(biāo)簽

progress

time

<time> 標(biāo)簽定義公歷的時間（24 小時制）或日期，時間和時區(qū)偏移是可選的。

該元素能夠以機器可讀的方式對日期和時間進行編碼，這樣，舉例說，用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中，搜索引擎也能夠生成更智能的搜索結(jié)果

details

<details> 標(biāo)簽規(guī)定了用戶可見的或者隱藏的需求的補充細節(jié)。

<details> 標(biāo)簽用來供用戶開啟關(guān)閉的交互式控件。任何形式的內(nèi)容都能被放在 <details> 標(biāo)簽里邊。

<details> 元素的內(nèi)容對用戶是不可見的，除非設(shè)置了 open 屬性

datalist

<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項列表。

<datalist> 標(biāo)簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表，里邊的選項是預(yù)先定義好的，將作為用戶的輸入數(shù)據(jù)。

請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素

ruby

<ruby> 標(biāo)簽定義 ruby 注釋（中文注音或字符）。

在東亞使用，顯示的是東亞字符的發(fā)音。

將 <ruby> 標(biāo)簽與 <rt> 和 <rp> 標(biāo)簽一起使用：
<ruby> 元素由一個或多個需要解釋/發(fā)音的字符和一個提供該信息的 <rt> 元素組成，還包括可選的 <rp> 元素，定義當(dāng)瀏覽器不支持 "ruby" 元素時顯示的內(nèi)容

<menu> 標(biāo)簽定義了一個命令列表或菜單。

<menu> 標(biāo)簽通常用于文本菜單，工具條和命令列表選項

tip:目前主流瀏覽器并不支持 <menu> 標(biāo)簽

command

<command> 標(biāo)簽可以定義用戶可能調(diào)用的命令（比如單選按鈕、復(fù)選框或按鈕）。

當(dāng)使用 <menu> 元素時，command 元素將作為菜單或者工具欄的一部分顯示出來。但是，用 command 規(guī)定鍵盤快捷鍵時，command元素能被放置在頁面的任何位置，但元素不可見

tip:主流瀏覽器都不支持 <command> 標(biāo)簽