資訊專欄INFORMATION COLUMN
摘要：依據(jù)頁面的結(jié)構(gòu)，簡化冗余代碼，新增了一些語義化標(biāo)簽是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置整個(gè)頁面或頁面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題，但也可以包含搜索表單或。
依據(jù)頁面的結(jié)構(gòu)，簡化冗余代碼，H5新增了一些語義化標(biāo)簽
header
nav
article
section
aside
footer
address
注意?。?！
在不支持Html5的瀏覽器中，由于瀏覽器無法識別Html5新增標(biāo)簽，所以默認(rèn)將這些標(biāo)簽設(shè)置為行內(nèi)元素（display:inline）,為了兼容性，需要：
section, article, aside, footer, header, nav, hgroup { display:block; }
但是上述方法有局限性，比如在IE8以及更早版本，是無法對未知元素進(jìn)行樣式的修飾，因此需要：
figure& figcaption
figure元素是一種元素的組合，帶有可選標(biāo)題，figure元素用來表示網(wǎng)頁上一塊獨(dú)立內(nèi)容，將其從網(wǎng)頁上移除后不會對網(wǎng)頁上的其他內(nèi)容產(chǎn)生任何影響，figure元素所表示的內(nèi)容可以是圖片，統(tǒng)計(jì)圖或代碼示例，也可以是音頻插件，視頻插件，統(tǒng)計(jì)表格等。figcaption元素表示figure元素的標(biāo)題，它從屬于figure元素，必須書寫在figure元素內(nèi)部。一個(gè)figure元素內(nèi)最多只允許放置一個(gè)figcaption元素，但是允許放置多個(gè)其他元素。
details
details元素是一種用于標(biāo)識該元素內(nèi)部的子元素可以被展開,收縮顯示的元素。details元素內(nèi)并不僅限于放置文字，也可以放置表單,插件或?qū)τ谝粋€(gè)統(tǒng)計(jì)圖提供的詳細(xì)數(shù)據(jù)表格。
open
當(dāng)該屬性值為true時(shí)，該元素內(nèi)部的子元素應(yīng)該被展開顯示；當(dāng)該屬性的值為false時(shí)，其內(nèi)部的子元素應(yīng)該被收縮起來不顯示。默認(rèn)值為false
summary
summary元素從屬于details，用鼠標(biāo)單擊summary元素中的內(nèi)容文字時(shí)，details元素中的其他所有從屬元素將會展開或收縮。如果details元素內(nèi)沒有summary元素，瀏覽器會提供默認(rèn)文字(詳細(xì)信息)以供單擊。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54536.html
摘要：元素的水平垂直居中利用標(biāo)簽，自帶的功能測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試測試效果效果效果 元素的水平垂直居中 1、利用table標(biāo)簽，自帶的功能 .parent{ border: 1px solid red; ...
摘要：最基本的元素選擇器比如選擇器比如類選擇器比如在代碼中常常用到，還有一些偶爾用到的兄弟選擇器比如子選擇器比如通用選擇器。顯然，關(guān)鍵選擇器中類選擇器會比標(biāo)簽選擇器匹配更少的元素，瀏覽器能夠更快的找到它們并渲染。 常用H5結(jié)構(gòu)標(biāo)簽 在HTML 5中，為了解決文檔結(jié)構(gòu)不夠清晰、明確，追加了很多跟結(jié)構(gòu)相關(guān)的元素。 header元素 header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置...
摘要：最基本的元素選擇器比如選擇器比如類選擇器比如在代碼中常常用到，還有一些偶爾用到的兄弟選擇器比如子選擇器比如通用選擇器。顯然，關(guān)鍵選擇器中類選擇器會比標(biāo)簽選擇器匹配更少的元素，瀏覽器能夠更快的找到它們并渲染。 常用H5結(jié)構(gòu)標(biāo)簽 在HTML 5中，為了解決文檔結(jié)構(gòu)不夠清晰、明確，追加了很多跟結(jié)構(gòu)相關(guān)的元素。 header元素 header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置...
閱讀 2431·2021-11-16 11:44
閱讀 857·2021-09-10 11:16
閱讀 2234·2019-08-30 15:54
閱讀 1065·2019-08-30 15:53
閱讀 1913·2019-08-30 13:00
閱讀 625·2019-08-29 17:07
閱讀 3519·2019-08-29 16:39
閱讀 3141·2019-08-29 13:30
