HTML5的大綱講解

2021-08-17 03:19:54 字數 694 閱讀 2979

html5的大綱講解

(1)html5大綱分析工具**:會呈現最終頁面效果)

(2)html5大綱的編排規則:分為『顯示編排』和『隱式編排』兩種方式。

『顯示編排』是指明確使用section元素進行分塊,每個內容區塊內使用標題元素h1-h6;『隱式編排』是指不使用section元素進行分塊,而是根據標題元素h1-h6的級別進行自動建立區塊,標題分級的規則是:如果新出現的標題比上乙個標題級別低,那麼將生成下級內容區塊;如果級別高或者級別相同,那麼將生成新的內容區塊!

內容1內容2

內容3內容1

效果圖為:

注意:單獨的

header

元素、footer

元素不可以做大綱,因為大綱是根據標題元素

h1-h6

生成的,但可以在

header

元素中包含標題子元素,這樣標題子元素中包含的內容或就可以生成大綱了

隱式編排的內容

子標題1的內容

子子標題1的內容

子標題2的內容

隱式編排的內容

效果圖為:

HTML5內容大綱

1.新增的屬性placeholder calender,date,time,email,url,search conteneditable draggable hidden context menu data val 自定義屬性 2.新增的標籤語義化標籤 一群類似div的東西 canvas 畫板 s...

HTML5大綱演算法

什麼是html大綱演算法?大綱演算法允許使用者 user agent 從乙個web頁面生成乙個資訊結構目錄,讓使用者對頁面有乙個快速的概覽。類似書籍 pdf 幫助文件等,都有乙個清晰的目錄結構,使用者能方便的定位所需內容。乙個良好結構的大綱,不僅是對於搜尋引擎的優化,更是為借助於螢幕閱讀器瀏覽網頁的...

HTML5 新屬性的講解

1.選擇器 標籤選擇器 class選擇器 id選擇器 後代選擇器 div li div下所有li 子代選擇器 div li div的所有子一代 li 元素 交集選擇器 div.class 這個元素式div且類名叫class 並級選擇器 class,ad 選擇兩個元素乙個類叫class 乙個類叫ad ...