html - 標簽語義化

標簽合理使用

section  # 板塊,用于劃分頁面上的不同區域,或者劃分文章中不同的節
header  # 頁面頭部或者板塊(section)頭部
footer  #  頁面底部或者板塊(section)底部
nav  # 導航(包含連接的一個列表)
article  # 用來在頁面中表示一套結構完整且獨立的內容部分。可以用來呈現論壇的一個帖子,雜志或者報紙中的一篇文章,用戶提交的評論內容,可以交互的頁面模塊連接等。
aside  # 元素標簽可以包含與當前頁面或主要內容相關的引用,側邊欄,廣告,nav元素組,以及其他類似的有別與主要內容的部分。(1.被包含在<article>中作為主要內容的復數信息部分,其中的內容以是與當前文章有關的引用,詞匯列表等。 2.在<article>之外使用,作為頁面或站點全局的復數信息部分:最典型的形式是:sidebar),其中的內容可以是友情鏈接,附屬導航或者廣告單元等。
h1-h6  # 標題
ul  # 無序列表
ol  # 有序列表
li   # 
dl dt  dd # 定義列表
time  # 時間標簽
em  # 強調一個詞或者一段話  (意大利斜體)
strong  # 強調一個詞或者一段話 (粗體)
img # 圖片

eg:header, footer, section


<!doctype html>
<html>
<head>
</head>

<body>

<header>
</header>
<section>
    <header></header>
    <footer></footer>
</section>
<footer>
</footer>

</body>

</html>
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 首先是關于語義(Semantics)和默認樣式的區別,默認樣式是瀏覽器設定的一些常用tag的表現形式,語義化的主要...
    DecadeHeart閱讀 3,458評論 0 3
  • 一、什么是語義化的HTML? 2.常用的結構標記 如下div布局及結構標簽布局兩個例子,在網頁中展現一模一樣。明顯...
    melody瓶子閱讀 830評論 0 1
  • 說明 只記錄我使用過,且今后覺得有用的會一直更新參考:linux命令行大全 關于路徑 cd (change dir...
    壹竹閱讀 167評論 0 0
  • 要成功,就要長期等待而不焦躁,態度從容卻保持敏銳,不怕挫折且充滿希望。
    思_3a2d閱讀 200評論 0 0
  • 文/傲嬌哇 1. 小時候,看多了童話故事,知道白雪公主躺在冰冷的水晶棺里奇跡般的復活是被白馬王子救活的。 那之后總...
    傲嬌哇閱讀 1,230評論 23 20