Mars-HTML5(三)常用文本標籤

  • 標籤的作用
    文本標籤的目標就是對文本的內容進行裝飾,例如加粗字體,爲文字加上下劃線等等
  • 機器閱讀
    視覺標籤的加粗就僅僅是加粗,對於機器閱讀而言,這樣的加粗沒有意義。如果是語義標籤當中的加粗標籤,不但會加粗文本,同時還會起到強調的作用,在機器閱讀時,這樣的文本就會有更高的分數,會被搜索引擎認爲是更加重要的內容

<html>
    <head>
        <title>text</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <!--h系列的標籤標識文章當中的各種標題,不但加粗加大文本,同時強調內容-->
        <h1>Hello world!</h1>
        <h2>Hello world!</h2>
        <h3>Hello world!</h3>
        <h4>Hello world!</h4>
        <h5>Hello world!</h5>
        <h6>Hello world!</h6>
        <!--視覺標籤-->
        <b>使用粗體顯示內容</b><br/>
        <!--語義標籤,盲人,讀出內容-->
        <strong>使用粗體顯示內容文本,同時強調該內容</strong><br/>
        <i>使用斜體顯示文本內容</i><br/>
        <em>使用斜體顯示文本內容同時強調</em><br/>
        <del>在文本上顯示中劃線,表示文本被刪除</del><br/>
        <q>表示引用</q><br/>
        <small>使用小一號字體</small><br/>
        log<sub>n</sub>10<br/>
        x<sup>10<br/>
        <u>在文字下添加下劃線</u><br/>
        <span>該標籤配合CSS使用,只是把文本的內容標識出來</span><br/>
    </body>
</html>

效果展示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章