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 ...