首頁 >web前端 >前端問答 >html5屬性值兩邊用什麼符號

html5屬性值兩邊用什麼符號

青灯夜游
青灯夜游原創
2021-12-15 18:05:032005瀏覽

在html5中,屬性值兩邊用英文狀態的雙引號“"”和“"”或單引號“'”和“'”包裹,語法“屬性名="屬性值"”或“屬性='屬性值'”;雖然雙引號和單引號都可以包圍屬性值,但是為了規範和專業,盡量使用雙引號。

html5屬性值兩邊用什麼符號

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

什麼是屬性

屬性可以為 HTML 標籤提供一些額外信息,或是對 HTML 標籤進行修飾。屬性需要加入在開始標籤中,語法格式為:

attr="value"
attr='value'

attr 表示屬性名,value 表示屬性值。屬性值必須使用雙引號""或單引號''包圍。

注意,雖然雙引號和單引號都可以包圍屬性值,但是為了規範和專業,請盡量使用雙引號。

一個標籤可以沒有屬性,也可以有一個或多個屬性。

使用HTML 屬性的範例:

<p id="user-info" class="color-red">欢迎 <font color="red" size="3">Tom</font> 来到PHP中文网!<p>
<div class="clearfloat">
    <p class="left">这里显示 Tom 的账号信息</p>
    <p class="right">这里显示 Tom 的个性签名</p>
</div>

專用屬性

HTML 屬性有很多,大體可以分成兩類:

有些屬性適用於大部分或所有HTML 標籤,我們將這些屬性稱為通用屬性;

有些屬性只適用於一個或幾個特定的HTML 標籤,我們將這些屬性稱為專用屬性。

HTML 中的<img alt="html5屬性值兩邊用什麼符號" > 標籤就有src 和alt 兩個專用屬性, 標籤也有href 和target 兩個專用屬性,如下例所示:

<img src="./logo.png" alt="PHP中文网Logo" width="100"    style="max-width:90%">
<a href="http://c.biancheng.net/" target="_blank">PHP中文网</a>

對程式碼的說明:

  • <img alt="html5屬性值兩邊用什麼符號" > 標籤中的src 屬性用來定義圖像的路徑,alt 屬性用來定義圖像的描述訊息,當影像出現異常無法正常顯示時就會顯示alt 中的資訊。

  • <a></a> 標籤的 href 屬性用來定義連結的位址,target 屬性用來定義瀏覽器中新頁面的開啟方式。

自訂屬性

除了自帶的屬性,HTML 也允許我們自訂屬性,這些屬性雖然可以被瀏覽器識別,但不會增加什麼特殊效果,我們需要藉助CSS 和JavaScript 處理自訂屬性,為HTML 標籤新增指定樣式或行為。

html5屬性值兩邊用什麼符號

推薦教學:《html影片教學

以上是html5屬性值兩邊用什麼符號的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn