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