02.Web大前端時代之:HTML5+CSS3入門系列~H5結構元素


Web大前端時代之:HTML5+CSS3入門系列:http://www.cnblogs.com/dunitian/p/5121725.html

1.結構元素

可以理解為語義話標記,比如:以前這么寫<div id="nav"></div> 現在偷懶寫:<nav></nav>

1.header頭部區域,包含對主頁的介紹

<header> 標簽定義文檔的頁眉(介紹信息)

 

2.nav導航系列 <nav> 標簽定義導航鏈接的部分。

 

3.section一塊區域

 

<section> 標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分

 

 

4.article文章內容或者主體內容 內容可以是來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。

 

 

5.aside相關內容 <aside> 標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關

 

 

6.footer腳部區域

<footer> 標簽定義文檔或節的頁腳。<footer> 元素應當含有其包含元素的信息。頁腳通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等等。您可以在一個文檔中使用多個 <footer> 元素。

 

 

簡單框架搭建:

草圖:

補充說明:

 

header里面的h4,提示信息

 

 

Article里面的footer

 

 

大綱:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM