css - section标签不推荐加样式?
伊谢尔伦
伊谢尔伦 2017-04-17 12:08:40
0
2
946

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

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(2)
Peter_Zhu

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

迷茫

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、如果

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板