一、標(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):
文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。
段落和段落之間保有空隙。
3.換行標(biāo)簽
標(biāo)簽語(yǔ)義:強(qiáng)制換行。
在 HTML 中,一個(gè)段落中的文字會(huì)從左到右依次排列,直到瀏覽器窗口的右端,然后才自動(dòng)換行。如果希望 某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽 <br />
br為單詞 break 的縮寫,意為打斷、換行。
一二三<br/>四
**特點(diǎn): **
<br />是個(gè)單標(biāo)簽。
只是簡(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)簽。