快捷導(dǎo)航

關(guān)于HTML的語義化標(biāo)簽和無語義化標(biāo)簽

更新時(shí)間：2023年04月13日 09:19:21 作者：貴小蟀

這篇文章主要介紹了關(guān)于HTML的語義化標(biāo)簽和無語義化標(biāo)簽,語義化的標(biāo)簽，旨在讓標(biāo)簽有自己的含義，讓瀏覽器認(rèn)識(shí)這個(gè)標(biāo)簽所傳達(dá)的信息，是干什么的有什么作用,需要的朋友可以參考下

什么是HTML語義化標(biāo)簽

語義化的標(biāo)簽，旨在讓標(biāo)簽有自己的含義，讓瀏覽器認(rèn)識(shí)這個(gè)標(biāo)簽所傳達(dá)的信息，是干什么的有什么作用。比如：h1標(biāo)題標(biāo)簽的語義是用它來標(biāo)識(shí)網(wǎng)頁或其他部分最重要的標(biāo)題。然而span 標(biāo)簽責(zé)沒有獨(dú)特的含義。

常用的語義化標(biāo)簽

header元素

是HTML5中新增的語義化標(biāo)簽，用于定義文檔的頁眉（介紹信息）。

nav元素 定義頁面的導(dǎo)航鏈接部分區(qū)域.

  <header>
        <h1>這是標(biāo)題</h1>
        <nav>
            <a>Home</a>
            <a>Other</a>
            <a>About</a>
         </nav>
    </header>

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

雙標(biāo)簽獨(dú)占一行，從h1-h6字體大小逐漸減小，重要性依次降低，H1在一個(gè)頁面只出現(xiàn)一次字體加粗、字體加大。外帶介紹快捷創(chuàng)建的方式.

<!-- 
        快捷創(chuàng)建標(biāo)簽：
            h3*6  快速創(chuàng)建六個(gè)是h3的標(biāo)題標(biāo)簽
            h$*6   快速創(chuàng)建h1到h6標(biāo)題標(biāo)簽無內(nèi)容
            h${我愛你中國(guó)}*6  快速創(chuàng)建h1到h6標(biāo)題標(biāo)簽內(nèi)容是：我愛你中國(guó)
            h${我愛你中國(guó)$}*6  快速創(chuàng)建h1到h6標(biāo)題標(biāo)簽內(nèi)容是：我愛你中國(guó)+數(shù)字（1-6）
      -->
      
      <h1>我愛你中國(guó)1</h1>
      <h2>我愛你中國(guó)2</h2>
      <h3>我愛你中國(guó)3</h3>
      <h4>我愛你中國(guó)4</h4>
      <h5>我愛你中國(guó)5</h5>
      <h6>我愛你中國(guó)6</h6>

footer元素 定義文檔的底部區(qū)域，著作權(quán)信息，使用條款，聯(lián)系信息等

<footer>
   定義文檔的底部區(qū)域
 </footer>

段落標(biāo)簽 p

<p>lorem</p>

lorem: 快速創(chuàng)建一段無意義文字段落標(biāo)簽 p是獨(dú)占一行雙標(biāo)簽

<p>Lorem ipsum dolor consectetur voluptatem magni numquam aperiam.</p>

hr: 橫線 單標(biāo)簽，獨(dú)占一行 br：換行 單標(biāo)簽，不獨(dú)占一行

<hr> <hr> <br><br> <hr>

以下的都是雙標(biāo)簽、在一行展示

加粗 b、strong（強(qiáng)調(diào)語義）

傾斜 i 、em（強(qiáng)調(diào)語義）

下劃線 u、ins（強(qiáng)調(diào)語義）

刪除線 s、del（強(qiáng)調(diào)語義）

 Lorem ipsum dolor sit<b>amet</b><strong>sit</strong>
    <i>dolor</i>aaa<em>dolor</em> <u>ipsum</u><ins>ipsum</ins>
    <s>Lorem</s><del>Lorem</del>

無語義化標(biāo)簽

div: 分區(qū) 結(jié)合css頁面布局雙標(biāo)簽、獨(dú)占一行

 <div>
  我是div標(biāo)簽
 </div>

span: 文本標(biāo)簽 雙標(biāo)簽、在一行展示

<span>我是span標(biāo)簽</span>

a 標(biāo)簽 用于控制頁面之間跳轉(zhuǎn) a標(biāo)簽并不算是語義標(biāo)簽：他沒有意義，只是一個(gè)鏈接。

<nav>
     <a>Home</a>
     <a>Other</a>
     <a>About</a>
 </nav>

到此這篇關(guān)于關(guān)于HTML的語義化標(biāo)簽和無語義化標(biāo)簽的文章就介紹到這了,更多相關(guān)HTML語義化無語義化標(biāo)簽內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: