文章導航

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 平码公式规律算法 欢乐升级加的好友在哪里 在论坛上能赚钱吗 澳洲幸运5开奖网 两人象棋 武汉鸭脖店赚钱吗 吉林十一选五最牛走势 通话大嘴棋牌官方下载 华东15选5走势坐标图 北京pk10一码人工计划 真人龙虎斗官网 江苏快三 甘肃快三开奖结果今天开奖结果查询 双色球最大复式182 体育比分app 现在做什么生.意最赚钱