PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html中id是什么意思

WBOY
WBOY 原创
2022-01-10 16:20:12 11435浏览

在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>, <style>, 和<title>。<p>注意: HTML 4.01 对于 id 的值有严格的限制 (例如:在 HTML 4.01 id 值不能以数字开头)。<p>语法<pre class="brush:html;toolbar:false">&lt;element id=&quot;id&quot;&gt;</pre><p>属性值<p>id规定元素的唯一 id。<p>命名规则:<ul style="list-style-type: disc;"><li><p>必须以字母 A-Z 或 a-z 开头<li><p>其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")<li><p>值对大小写敏感<p>示例如下:<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><p>输出结果:<p>点击按钮前<p><img src="https://img.php.cn/upload/image/805/355/789/1641802775925527.png" title="1641802775925527.png" alt="06.png"/><p>点击按钮后<p><img src="https://img.php.cn/upload/image/891/705/104/1641802783118131.png" title="1641802783118131.png" alt="07.png"/><p>推荐教程:《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程》</script>
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。