01.語(yǔ)義化標(biāo)簽

一、標(biāo)簽語(yǔ)義

即標(biāo)簽的含義,根據(jù)標(biāo)簽的語(yǔ)義在合適的地方給一個(gè)最為合理的標(biāo)簽可以讓頁(yè)面結(jié)構(gòu)更清晰。

1.標(biāo)題標(biāo)簽

標(biāo)簽語(yǔ)義:作為標(biāo)題使用,并且依據(jù)重要性遞減。

HTML提供了6個(gè)等級(jí)的網(wǎng)頁(yè)標(biāo)題,<h1> - <h6>

h為單詞head的縮寫,意為頭部、標(biāo)題。

    <h1>我是一級(jí)標(biāo)題</h1>
    <h2>我是二級(jí)標(biāo)題</h2>
    <h3>我是三級(jí)標(biāo)題</h3>
    <h4>我是四級(jí)標(biāo)題</h4>
    <h5>我是五級(jí)標(biāo)題</h5>
    <h6>我是六級(jí)標(biāo)題</h6>

特點(diǎn):

1.一個(gè)標(biāo)題標(biāo)簽獨(dú)占一行。

2.標(biāo)題標(biāo)簽有加大,加粗的效果。

3.h1到h6,字體逐漸變小,重要性也是遞減。

2.段落標(biāo)簽

標(biāo)簽語(yǔ)義:可以把HTML文檔分割為若干段落。

在 HTML 標(biāo)簽中,<p>標(biāo)簽用于定義段落,它可以將整個(gè)網(wǎng)頁(yè)分為若干個(gè)段落。

p為單詞 paragraph [?p?r?gr?f] 的縮寫,意為段落。

<p>段落標(biāo)簽</p>

特點(diǎn):

  1. 文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。

  2. 段落和段落之間保有空隙。

3.換行標(biāo)簽

標(biāo)簽語(yǔ)義:強(qiáng)制換行。

在 HTML 中,一個(gè)段落中的文字會(huì)從左到右依次排列,直到瀏覽器窗口的右端,然后才自動(dòng)換行。如果希望 某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽 <br />

br為單詞 break 的縮寫,意為打斷、換行。

一二三<br/>四

**特點(diǎn): **

  1. <br />是個(gè)單標(biāo)簽。

  2. 只是簡(jiǎn)單地開始新的一行,跟段落不一樣,段落之間會(huì)插入一些垂直的間距。

4.文本格式化標(biāo)簽

標(biāo)簽語(yǔ)義: 突出重要性, 比普通文字更重要.

在網(wǎng)頁(yè)中,有時(shí)需要為文字設(shè)置粗體、 斜體 或<u>下劃線</u>等效果,這時(shí)就需要用到 HTML 中的文本格式化標(biāo)簽,使 文字以特殊的方式顯示。

4.1加粗標(biāo)簽

有strong標(biāo)簽和b標(biāo)簽兩種方式。

    我是<strong>加粗</strong>標(biāo)簽
    我是<b>加粗</b>標(biāo)簽

兩者作用都是給文字加粗,效果相同,但是strong標(biāo)簽語(yǔ)義更為強(qiáng)烈,在實(shí)際開發(fā)中加粗推薦用strong標(biāo)簽。

4.2文字傾斜標(biāo)簽

有em標(biāo)簽和i標(biāo)簽兩種方式。

    我是<em>傾斜</em>標(biāo)簽
    我是<i>傾斜</i>標(biāo)簽

兩者作用都是使文字傾斜,效果相同,但是em標(biāo)簽語(yǔ)義更為強(qiáng)烈,在實(shí)際開發(fā)中傾斜推薦使用em標(biāo)簽。

開發(fā)中的實(shí)際用法是用em標(biāo)簽包住小圖標(biāo)或小字符,然后通過css使其不傾斜。

4.3 下劃線標(biāo)簽

有ins標(biāo)簽和u標(biāo)簽兩種

    我是<ins>下劃線</ins>標(biāo)簽
    我是<u>下劃線</u>標(biāo)簽

兩者作用都是給文字添加下劃線,效果相同,但是ins標(biāo)簽語(yǔ)義更為強(qiáng)烈,在實(shí)際開發(fā)中傾斜推薦使用ins標(biāo)簽。

4.4 刪除線標(biāo)簽

有del標(biāo)簽和s標(biāo)簽兩種

    我是<del>刪除線</del>標(biāo)簽
    我是<s>刪除線</s>標(biāo)簽

兩者作用都是給文字添加刪除線,效果相同,但是del標(biāo)簽語(yǔ)義更為強(qiáng)烈,在實(shí)際開發(fā)中傾斜推薦使用del標(biāo)簽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 瀏覽器與服務(wù)器的基本概念 瀏覽器(安裝在電腦里面的一個(gè)軟件) 作用: ①將網(wǎng)頁(yè)內(nèi)容渲染呈現(xiàn)給用戶查看。 ②讓用戶通...
    云還灬閱讀 1,286評(píng)論 0 0
  • 一,什么是HTML語(yǔ)義化標(biāo)簽 根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語(yǔ)義化),選擇合適的標(biāo)簽(代碼語(yǔ)義化),便于開發(fā)者閱讀和寫出更...
    杯雪1990閱讀 1,358評(píng)論 0 3
  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語(yǔ)義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    Mr大喵喵閱讀 1,538評(píng)論 0 4
  • --- 學(xué)習(xí)目標(biāo): - 了解常用瀏覽器 - 掌握WEB標(biāo)準(zhǔn) - 理解標(biāo)簽語(yǔ)義化 - 掌握常用的排版標(biāo)簽 ...
    紅豆丁244閱讀 1,435評(píng)論 0 2
  • 學(xué)習(xí)目標(biāo): 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語(yǔ)義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽...
    淡淡瘋閱讀 1,341評(píng)論 0 3

友情鏈接更多精彩內(nèi)容