首頁 > web前端 > 前端問答 > html中id是什麼意思

html中id是什麼意思

WBOY
發布: 2022-01-10 16:20:12
原創
12499 人瀏覽過

在html中,id是「Identity document」的縮寫,是「身分識別號碼」的意思,該屬性用於規定元素的唯一id,該屬性可用作連結錨,透過JavaScript或透過CSS為帶有指定id的元素改變或新增樣式。

html中id是什麼意思

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

html中id是什麼意思

id ​​屬性規定 HTML 元素的唯一的 id。

id ​​在 HTML 文件中必須是唯一的。

id ​​屬性可用作連結錨(link anchor),透過 JavaScript(HTML DOM)或透過 CSS 為帶有指定 id 的元素改變或新增樣式。

HTML 4.01 與 HTML5之間的差異

在 HTML5 中, id 屬性可用於任何的 HTML 元素 (它會驗證任何HTML元素。但不一定有用)。

在HTML 4.01 中, id 屬性不能用於: ,

, , , , <script>, <meta>, <param>, <script>, <meta>, <param>, <script>, <style> ;, 和<title>。 <p>注意: HTML 4.01 對於 id 的值有嚴格的限制 (例如:在 HTML 4.01 id 值不能以數字開頭)。 <p>語法<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;element id=&quot;id&quot;&gt;</pre><div class="contentsignin">登入後複製</div></div><p>屬性值</p><p>id規定元素的唯一 id。 </p><p>命名規則:</p><ul style="list-style-type: disc;"><li><p>必須以字母A-Z 或a-z 開頭</p></li><li><p>其後的字元:字母(A-Za -z)、數字(0-9)、連字號("-")、底線("_")、冒號(":") 以及點號(".")</p></li><li><p>值對大小寫敏感</p></li></ul><p>範例如下:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;123&lt;/title&gt; &lt;script&gt; function displayResult() { document.getElementById(&quot;myHeader&quot;).innerHTML=&quot;Have a nice day!&quot;; } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 id=&quot;myHeader&quot;&gt;Hello World!&lt;/h1&gt; &lt;button onclick=&quot;displayResult()&quot;&gt;编辑文本&lt;/button&gt; &lt;/body&gt; &lt;/html&gt;</pre><div class="contentsignin">登入後複製</div></div><p>輸出結果:<p>點擊按鈕前<p><img src="https://img.php.cn/upload/image/805/355/789/1641802775925527.png" title="1641802775925527.png" alt="html中id是什麼意思"/> <p>點擊按鈕後<p><img src="https://img.php.cn/upload/image/891/705/104/1641802783118131.png" title="1641802783118131.png" alt="html中id是什麼意思"/><p>#推薦教學:《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html影片教學》</script>

以上是html中id是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板