首頁  >  問答  >  主體

css - section标签不推荐加样式?

一个section通常由内容及其标题组成,但section元素标签并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用p元素而非section。

以上是网上一些文章的观点,不过不是很理解,为什么section不推荐直接加样式。

伊谢尔伦伊谢尔伦2742 天前916

全部回覆(2)我來回復

  • 天蓬老师

    天蓬老师2017-04-17 12:10:40

    那段話說的是,如果你的程式碼單純是用來加樣式或加腳本的時候,而不有section所表示的語意時,應該用p。而不是說section不能加樣式。

    回覆
    0
  • 迷茫

    迷茫2017-04-17 12:10:40

    section 字面上理解為“塊”,“部分”,section元素代表一個頁面或一個內容塊的部分,一般作為主題塊列表,在html5網頁中表現的意思跟字面理解差不多,即部分,塊,模組,主要作用為對頁面的內容進行分塊或將文章的內容進行分段。
    section標籤是成對出現的,以

    開始,以
    結束
    section標籤通常帶有一個標題和一個內容塊。

    一、section標籤實例

    <!doctype html>
    <article>
        <h1>Web编程语言比较</h1>
        <p>web编程语言常用的有asp,asp.net,php,jsp...</p>
        <section>
            <h2>asp</h2>
            <p>asp全称Active Server Page</p>
        </section>
        <section>
            <h2>asp.net</h2>
            <p>asp的颠覆版本</p>
        </section>
        <section>
            <h2>php</h2>
            <p>草根动态语言,免费,强大</p>
        </section>
    </article>

    二、article與section的異同
    section和article可以互相嵌套,也就是說他們沒有上下級關係,section可以包含article,article也可以包含section。
    感覺上使用都差不多,都可以有h1,h2,h3,都有一個主體,那應該怎麼來區分它們的不同?其實很簡單,只要從字面上理解它們就可以足夠了:
    1、article是文章,文章就是一段完整的獨立的內容。
    2、section就是塊,某種意義上可以理解為p,但是比p的意思更明確一點。

    三、section和p的異同
    1、section和p都可以對內容進行分塊,但是section是進行有意義的分塊,無意義的分塊應該由p來做,例如用作設定樣式的頁面容器。
    2、section內部必須有標題,標題也代表了section的意義所在。

    四、使用

    標籤需要注意的地方
    1、不要將
    作為用來設定樣式或行為的「鉤子」容器,那是

    的工作。
    2、如果

  • 取消回覆