html5css3詳細(xì)介紹

《html5css3詳細(xì)介紹》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。

1、這篇文檔是相對(duì)的全面，花了一天時(shí)間從一套教程PTT整理得來(lái)，總共有40多頁(yè)，每個(gè)知識(shí)點(diǎn)也是做了文檔標(biāo)題，現(xiàn)供需要者學(xué)習(xí)參考。新的網(wǎng)頁(yè)結(jié)構(gòu)

2、dy>43/43新增的主體結(jié)構(gòu)元素ArticleSectionAsideNav:傳統(tǒng)的導(dǎo)航條;側(cè)邊欄導(dǎo)航;內(nèi)頁(yè)導(dǎo)航;翻頁(yè)操作Time2014年9月289月28今天的時(shí)間2014年9月28晚上10點(diǎn)

3、UTC標(biāo)準(zhǔn)時(shí)間2014年9月28晚上10點(diǎn)中國(guó)時(shí)間2014年9月28晚上10點(diǎn)新增的非主體結(jié)構(gòu)元素Headerheader元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來(lái)放置整個(gè)頁(yè)面或頁(yè)面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題，但也可以包含其他的內(nèi)容，比如在header里面放置logo圖片、搜索表單等等。注意：一個(gè)頁(yè)面內(nèi)并沒(méi)有限制header的出現(xiàn)次數(shù)，也就是說(shuō)我們可以在同一頁(yè)面內(nèi)，不同的內(nèi)容區(qū)塊上分別加上一個(gè)header元素。在HTML5中，一個(gè)heade

4、r元素至少可以包含一個(gè)heading元素（h1-h6），也可以包括我們下節(jié)課將要學(xué)習(xí)的hgroup元素，還可以包括其他的元素，在新的W3CHTML5標(biāo)準(zhǔn)，我們還可以把NAV元素包括進(jìn)去。43/43hgrouphgroup元素是將標(biāo)題和他的子標(biāo)題進(jìn)行分組的元素。hgroup元素一般會(huì)把h1-h6的元素進(jìn)行分組，比如在一個(gè)內(nèi)容區(qū)塊的標(biāo)題和他的子標(biāo)題算是一組。通常情況下，文章只有一個(gè)主標(biāo)題時(shí)，是不需要hgroup元素的。footerfooter元素可以作為他的上層父級(jí)內(nèi)容區(qū)塊或是一個(gè)根區(qū)塊的注腳。footer元素一般情況下包括與它相關(guān)的區(qū)塊的注

5、腳信息，比如作者、版權(quán)信息等注意：footer元素和我們前面所講的header元素一樣，并沒(méi)有限制他的個(gè)數(shù)。并且footer元素可以為article元素或者section元素添加footer元素。Addressaddress元素用來(lái)在頁(yè)面中呈現(xiàn)聯(lián)系信息，包括文檔的作者、郵箱、地址、電話信息等。address元素還用來(lái)展示和文章中的相關(guān)的聯(lián)系人的所有聯(lián)系信息。figurefigure元素是一種元素的組合，帶有可選標(biāo)題。figure元素用來(lái)表示頁(yè)面上一塊獨(dú)立的內(nèi)容，如果將他從網(wǎng)頁(yè)上刪除不給我們的網(wǎng)頁(yè)造成影響。figcaption元素表示fig

6、ure元素的標(biāo)題，它屬于figure元素，figcaption元素必須書寫在figure元素內(nèi)部，可以寫在figure元素內(nèi)的其他從屬元素前面或后面。一個(gè)figure元素內(nèi)最多只允許放置一個(gè)figcaption元素。detailsdetails元素是一種用于標(biāo)識(shí)該元素內(nèi)部的子元素可以被展開(kāi)、收縮顯示的元素。details元素具有一個(gè)布爾類型的open屬性，當(dāng)該值為true時(shí)，該元素內(nèi)部的子元素應(yīng)該被展開(kāi)顯示，當(dāng)該屬性值為false時(shí)，其內(nèi)部的子元素應(yīng)該被收縮起來(lái)不現(xiàn)實(shí)。該屬性的默認(rèn)值為false，當(dāng)頁(yè)面打開(kāi)時(shí)其內(nèi)部的子元素應(yīng)該處于收縮狀態(tài)

7、。summary元素從屬于details元素，用鼠標(biāo)點(diǎn)擊summary元素中的內(nèi)容文字時(shí)，details元素中的其他所有從屬元素將會(huì)展開(kāi)或者收縮。如果details元素內(nèi)沒(méi)有summary元素，瀏覽器那你會(huì)提供默認(rèn)的文字以供點(diǎn)擊，例如“details”目前只有谷歌的Chrome瀏覽器支持！43/43markmark元素表示頁(yè)面中需要突出顯示或高亮顯示的，對(duì)于當(dāng)前用戶具有參考作用的一段文字。通常在引用原文時(shí)使用mark元素，目的是引起讀者的注意。mark元素是對(duì)原文內(nèi)容有補(bǔ)充作用的一個(gè)元素，他應(yīng)該用在一段原文作者不認(rèn)為重要的，但是現(xiàn)在為了與

8、原文作者不相關(guān)的其他目的而需要突出顯示或者高亮顯示的文字上面。mark元素最主要的目的就是吸引當(dāng)前用戶的注意。mark元素除了高亮顯示之外，還有一個(gè)作用就是在引用原文時(shí)，為了某種特殊的目的而把