文章導航

HTML <section> 標簽

2019-7-30 14:57| 作者: admin| 查看: 559| 評論: 0|來自: 螞蟻部落

<section>是HTML5新增的語義化標簽之一。

關于語義化標簽的概念與作用可以參閱HTML 語義化布局概述一章節。

一.<section>標簽作用:

此標簽的功能與<article>標簽比較類似,兩者聯系與區別簡單總結如下:

(1).<article>可以認為是特殊<section>。

(2).<article>更加強調獨立性,語義更加明確。

(3).<section>雖然也具有一定獨立性,更加強調對完整的內容劃分區塊。

artice翻譯成漢語具有"文章"的意思,section翻譯成漢語具有"章"或者"區"的意思。

如果說<article>標簽標示一篇完整的文章,那么<section>就可以標示一篇完整文章中的段落或者章節。

但是不能因此就說,<section>標簽從屬于<article>標簽,它們是可以互相嵌套的。

二.代碼片段:

[HTML] 純文本查看 復制代碼
<article>
  <header>
    <h1>HTML語義化布局</h1>
    <p>發布時間:<time datetime="2019-8-1">2019/08/01</time></p>
  </header>
  <p>文章內容</p>
  <section>
    <h2>評論</h2>
    <article>
      <header>
        <h3>評論者: 螞蟻部落</h3>
        <p><time datetime="2019-8-1">一分鐘前</time></p>
      </header>
      <p>評論內容</p>
     </article>
  </section>
</article>

上述是一個涉及到<section> 標簽的代碼片段,分析如下:

(1).整體通過<article>標簽生成一篇文章。

(2).評論區域是文章的一部分或者一個"章節",那么使用<section> 標簽。

(3).評論區域中的每一條評論可以看做獨立的內容,所以可以用<article>生成。

關于<section> 標簽可以參閱HTML <article> 標簽一章節。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
大圣捕鱼2 内蒙古时时综合走势图 玩极速时时是骗局吗 秒速时时彩精准计划 篮球比分直播 快乐十分常出五码组合 2017年七星彩的走势图 qq票秒速时时网页 7码投注方案 福建快3开奖app 快乐时时彩a盘开奖网址 年一码中特 快乐十分计划 双色球唯彩荐号 云南11选5有那些城市 800万彩票app下载 相富年正版图谜3d