這篇文章主要介紹實用HTML標(biāo)簽的有哪些，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

隨著對 JavaScript 框架和庫的依賴越來越深，很多人對 HTML 的重視程度降低了。這就導(dǎo)致了我們無法充分利用 HTML 的很多功能，這些功能可以大大的增強網(wǎng)站功能。另外通過編寫語義化 HTML 可以在網(wǎng)站內(nèi)容中添加正確的上下文，從而顯著改善用戶體驗。

實用HTML標(biāo)簽的有：

標(biāo)簽允許你創(chuàng)建一個場景，其中存在一個基本URL，這個 URL 充當(dāng)文檔中所有相對 URL 的前綴。標(biāo)簽必須有一個包含基本URL的  href 或target 屬性，或者兩者兼有。

  



The base element(Google As a case study)

 Gmail - Used to send emails; which are messages distributed by electronic means from one computer user to one or more recipients via a network.

Hangouts - It's used for Messaging, Voice and Video Calls

這樣就不必為每個請求重復(fù) URL 的前綴了。

一個 HTML 文檔中只能有一個 元素，并且它必須位于 元素內(nèi)。

Image map

image map 是具有特定可點擊區(qū)域的圖片，并且是通過  map  標(biāo)簽定義的。這些區(qū)域使用    標(biāo)簽設(shè)置。這使你可以在圖像的不同部分中嵌入鏈接，這些鏈接可以指向其他頁面，對于描述圖片中的內(nèi)容非常有用。

看一個例子：

第一步是像平常一樣用 標(biāo)簽插入圖片，但是這次使用usemap 屬性。

接下來創(chuàng)建一個 標(biāo)簽，并使用與img 標(biāo)簽中的usemap 屬性值相同的name 屬性。這會將 標(biāo)簽與map 標(biāo)簽鏈接在一起。

然后開始創(chuàng)建可點擊區(qū)域。我們需要定義如何繪制每個區(qū)域，通常用shape 和coords 來繪制。

用 元素定義圖像上的可點擊區(qū)域。它添加在map 元素內(nèi)。

這些屬性包括：

• 在相關(guān)區(qū)域上繪制矩形時需要使用shape。你可以使用其他形狀，例如矩形、圓形、多邊形或默認(rèn)形狀（整個圖像）

• alt 用來指定當(dāng)area 元素由于某些原因而無法呈現(xiàn)時要顯示的替代文本

• href 包含將可點擊區(qū)域鏈接到另一個頁面的 URL

• coords 使用坐標(biāo)（以像素為單位）精確切出形狀。你可以用各種軟件來獲取圖片的確切坐標(biāo)；下面用 微軟的繪圖軟件作為一個簡單的例子。不同的形狀以不同的方式表示其坐標(biāo)，比如矩形用  left, top, right, bottom 表示。

在這里我們有  top, left  坐標(biāo)：

你可以在圖片的左下方讀取光標(biāo)在圖片上的坐標(biāo)，也可以只在水平和垂直面上使用標(biāo)尺。

下面的截圖顯示了right, bottom  坐標(biāo)：

最終得到：

也可以使用其他形狀，但是每個形狀的坐標(biāo)寫法不同。

對于circle，應(yīng)該有圓心的坐標(biāo)，然后添加半徑：

圓心的坐標(biāo)同意位于左下角，圓心到末端的水平距離是半徑。

創(chuàng)建一個poly 更像是徒手畫圖。你只需鏈接圖像上的不同點，它們就會連接起來：

下面是用 HTML 創(chuàng)建形狀時所需要的值：

和

標(biāo)簽 指定要在父元素中定義的術(shù)語。它代表“定義元素”。標(biāo)簽 的父級包含術(shù)語的定義或解釋，而術(shù)語位于 內(nèi)部。可以這樣添加：

HTML 
  Is the standard markup language for creating web pages.

也可以與 結(jié)合使用：

HTML 
  It's the standard markup language for creating web pages.

這可以增強可訪問性，因為這樣編寫語義 HTML 可以使閱讀器和瀏覽器在適合用戶的上下文中解釋頁面上的內(nèi)容。

也可以單獨使用：

 CSS

 和  

預(yù)格式化的文本或

 標(biāo)簽用于在編寫文本時顯示文本（通常是代碼）。它顯示所有空格和制表符，并完全按照塊中的格式進行設(shè)置。
 
    
      p {
          color: black;
          font-family: Helvetica, sans-serif;
          font-size: 1rem;
      }
    
  
 和  
這兩個標(biāo)簽通常會一起出現(xiàn)。

如果使用cite 屬性，那么這個屬性必須是指向源的有效 URL。要獲得相應(yīng)的引文鏈接，必須相對于元素的節(jié)點文檔來解析屬性的值。有時它們是私有的，例如調(diào)用服務(wù)器端腳本收集有關(guān)網(wǎng)站使用情況的統(tǒng)計信息。

cite 元素表示作品或知識產(chǎn)權(quán)的標(biāo)題，例如書籍、文章、論文、詩歌、歌曲等。

The best movie ever made is The Godfather by
Francis Ford Coppola . My favorite song is Monsters You Made by the Burna boy.

以上是“實用HTML標(biāo)簽的有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！