- Vue 3移動Web開發與性能調優實戰
- 呂鳴
- 332字
- 2024-12-27 22:46:36
2.4 <section>標簽
<section>標簽是HTML 5引入的另一個語義化標簽,作用是對頁面上的內容進行分塊。這里的分塊主要是按照功能來分,比如一個新聞消息的列表展示頁可分為國際版塊、娛樂版塊、體育版塊,等等。每一個板塊都可以使用<section>來劃分,而每個版塊都需要有自己的標題和內容并且相對獨立。
例如圖2-1所示的場景頁面,我們使用<section>標簽進行劃分。<section>標簽也沒有特殊的樣式,使用起來和<div>標簽是一樣的,如示例代碼2-4-1所示。

圖2-1 <section>使用場景
示例代碼2-4-1 <section>標簽

下面總結一下<section>標簽的使用場景和規范:
· 使用<section>標簽時,里面的內容一般要搭配標題和正文等,例如<h1>~<h6>或者<p>標簽。
· 每個<section>標簽都是一個獨立的模塊,這些獨立模塊內部不應該再嵌套<section>標簽,但是多個<section>標簽可以并列使用。
· <section>標簽不應當作一個容器元素,它的語義化更強一些,當無法找到使用<section>標簽的充分理由時,盡量不要使用。
推薦閱讀
- Vue.js 3.x快速入門
- C語言程序設計案例教程(第2版)
- R語言數據可視化之美:專業圖表繪制指南
- Microsoft Dynamics GP 2013 Reporting, Second Edition
- Learning Data Mining with R
- Windows內核編程
- jQuery炫酷應用實例集錦
- 零基礎Java學習筆記
- Java零基礎實戰
- LabVIEW虛擬儀器入門與測控應用100例
- Learning Hadoop 2
- Hands-On Neural Network Programming with C#
- Getting Started with Python
- 深入淺出Python數據分析
- 關系數據庫與SQL Server 2012(第3版)