資訊專(zhuān)欄INFORMATION COLUMN
摘要：依據(jù)頁(yè)面的結(jié)構(gòu)，簡(jiǎn)化冗余代碼，新增了一些語(yǔ)義化標(biāo)簽是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來(lái)放置整個(gè)頁(yè)面或頁(yè)面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題，但也可以包含搜索表單或。
依據(jù)頁(yè)面的結(jié)構(gòu)，簡(jiǎn)化冗余代碼，H5新增了一些語(yǔ)義化標(biāo)簽
header
nav
article
section
aside
footer
address
注意?。?！
在不支持Html5的瀏覽器中，由于瀏覽器無(wú)法識(shí)別Html5新增標(biāo)簽，所以默認(rèn)將這些標(biāo)簽設(shè)置為行內(nèi)元素（display:inline）,為了兼容性，需要：
section, article, aside, footer, header, nav, hgroup { display:block; }
但是上述方法有局限性，比如在IE8以及更早版本，是無(wú)法對(duì)未知元素進(jìn)行樣式的修飾，因此需要：
figure& figcaption
figure元素是一種元素的組合，帶有可選標(biāo)題，figure元素用來(lái)表示網(wǎng)頁(yè)上一塊獨(dú)立內(nèi)容，將其從網(wǎng)頁(yè)上移除后不會(huì)對(duì)網(wǎng)頁(yè)上的其他內(nèi)容產(chǎn)生任何影響，figure元素所表示的內(nèi)容可以是圖片，統(tǒng)計(jì)圖或代碼示例，也可以是音頻插件，視頻插件，統(tǒng)計(jì)表格等。figcaption元素表示figure元素的標(biāo)題，它從屬于figure元素，必須書(shū)寫(xiě)在figure元素內(nèi)部。一個(gè)figure元素內(nèi)最多只允許放置一個(gè)figcaption元素，但是允許放置多個(gè)其他元素。
details
details元素是一種用于標(biāo)識(shí)該元素內(nèi)部的子元素可以被展開(kāi),收縮顯示的元素。details元素內(nèi)并不僅限于放置文字，也可以放置表單,插件或?qū)τ谝粋€(gè)統(tǒng)計(jì)圖提供的詳細(xì)數(shù)據(jù)表格。
open
當(dāng)該屬性值為true時(shí)，該元素內(nèi)部的子元素應(yīng)該被展開(kāi)顯示；當(dāng)該屬性的值為false時(shí)，其內(nèi)部的子元素應(yīng)該被收縮起來(lái)不顯示。默認(rèn)值為false
summary
summary元素從屬于details，用鼠標(biāo)單擊summary元素中的內(nèi)容文字時(shí)，details元素中的其他所有從屬元素將會(huì)展開(kāi)或收縮。如果details元素內(nèi)沒(méi)有summary元素，瀏覽器會(huì)提供默認(rèn)文字(詳細(xì)信息)以供單擊。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/54536.html
摘要：元素的水平垂直居中利用標(biāo)簽，自帶的功能測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試測(cè)試效果效果效果 元素的水平垂直居中 1、利用table標(biāo)簽，自帶的功能 .parent{ border: 1px solid red; ...
摘要：最基本的元素選擇器比如選擇器比如類(lèi)選擇器比如在代碼中常常用到，還有一些偶爾用到的兄弟選擇器比如子選擇器比如通用選擇器。顯然，關(guān)鍵選擇器中類(lèi)選擇器會(huì)比標(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)元素，通常用來(lái)放置...
摘要：最基本的元素選擇器比如選擇器比如類(lèi)選擇器比如在代碼中常常用到，還有一些偶爾用到的兄弟選擇器比如子選擇器比如通用選擇器。顯然，關(guān)鍵選擇器中類(lèi)選擇器會(huì)比標(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)元素，通常用來(lái)放置...
一、HTML5與HTML4 1.1 推出的理由和目標(biāo) H5的出現(xiàn)，對(duì)于Web來(lái)說(shuō)意義重大。因?yàn)樗囊鈭D是想要把目前Web上存在的各種問(wèn)題一并解決掉。 Web瀏覽器之間的兼容性很低 文檔結(jié)構(gòu)不夠明確（增加了很多結(jié)構(gòu), 語(yǔ)義化的標(biāo)簽） Web應(yīng)用程序的功能受到了限制 H5 的出現(xiàn)極大的解決了上面的問(wèn)題 1.2 語(yǔ)法的改變 1.2.1 DOCTYPE聲明 H5 DOCTYPE的聲明是這樣的： ...
閱讀 2411·2021-11-16 11:44
閱讀 848·2021-09-10 11:16
閱讀 2224·2019-08-30 15:54
閱讀 1042·2019-08-30 15:53
閱讀 1894·2019-08-30 13:00
閱讀 615·2019-08-29 17:07
閱讀 3509·2019-08-29 16:39
閱讀 3135·2019-08-29 13:30
