官术网_书友最值得收藏!

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>標簽的充分理由時,盡量不要使用。

主站蜘蛛池模板: 平昌县| 乐平市| 内黄县| 丰城市| 堆龙德庆县| 琼中| 宾阳县| 乐东| 云和县| 衡阳市| 祁连县| 中阳县| 茶陵县| 桐梓县| 称多县| 永寿县| 乌什县| 玛沁县| 象州县| 都江堰市| 晴隆县| 苗栗市| 塘沽区| 兴文县| 三门峡市| 崇仁县| 天镇县| 疏勒县| 原阳县| 左权县| 东源县| 嫩江县| 教育| 武隆县| 台州市| 会理县| 霞浦县| 雅江县| 大城县| 东莞市| 油尖旺区|