html標籤1
阿新 • • 發佈：2020-07-12
章節標籤：表示文章的層級
- 標題 h1~h6
- 章節 section
- 文章 article
- 段落 p
- 頭部 header
- 腳部 footer
- 主要內容 main
- 旁支內容 aside
- 劃分 dib
全域性屬性：所有標籤都有的屬性
- class：給你的標籤標記或者分類
- contenteditable：使元素可編輯，它幾乎支援所有的HTML元素
- hidden：可以使一個標籤不被顯示
- id：定義了一個全文件唯一的識別符號，不到萬不得以不使用。JS中可直接呼叫id屬性
- style：通常用來訪問CSS的屬性列表
- tabindex：指示其元素是否可以聚焦，以及它是否/在何處參與順序鍵盤導航，通常使用Tab鍵
- title：顯示完整內容
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style> .middle{ background: black; color: white; } .bordered { border: 10px solid red; } #xxx{ border: 10px solid yellow; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> </head> <body> <header id="xxx" style="border: 10px solid green" title="遠遠地回首過去的自己無限感傷"> <!-- 此處的style為HTML覆蓋了17行的CSS，同樣JS也會覆蓋HTML --> 頂部廣告:命運的轉輪不停地旋轉 但是我一直守候你 為何我如此三生有幸 每見到水平線 便有莫名哀傷 </header> <div class="middle bordered"> <main> <h1>文章標題</h1> <section> <section> <h2>第一章</h2> <p>不要認輸</p> </section> <section> <h2>第二章</h2> <p>搖曳的思念</p> </section> </section> </main> <aside> 參考資料 1 2 3 </aside> </div> <footer>© 飢人谷版權所有</footer> </body> </html>