在html中,id是「Identity document」的縮寫,是「身分識別號碼」的意思,該屬性用於規定元素的唯一id,該屬性可用作連結錨,透過JavaScript或透過CSS為帶有指定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"><element id="id"></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"><html>
<head>
<meta charset="utf-8">
<title>123</title>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">编辑文本</button>
</body>
</html></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中文網其他相關文章!