HTML Id 全局属性|定义元素唯一标识

由 hcduguo

HTML全局属性

定义与用法

  • id 属性规定 HTML 元素的唯一的 id。
  • id 在 HTML 文档中必须是唯一的。
  • id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

语法格式

<element id=”id“>

示例代码

<!DOCTYPE html>
<html>
  <body>
    <h1 id="myHeader">欢迎光临Runoon.com免费教程网站</h1>
    <button onclick="displayResult()">改变文本</button>
    <script>function displayResult() {
        document.getElementById("myHeader").innerHTML = "Have a nice day!";
      }</script>
  </body>
</html>

效果展示：

欢迎光临Runoon.com免费教程网站

HTML 4.01 与 HTML5差异

  • 在 HTML5 中, id 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。
  • 在 HTML 4.01 中, id 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>。

提示： HTML 4.01 对于 id 的值有严格的限制 (例如：在 HTML 4.01 id 值不能以数字开头)。

浏览器支持

属性Google ChromeInternet ExplorerFirefoxSafariOpera
idYesYesYesYesYes

所有主流浏览器都支持 id 属性

属性值

值描述
id规定元素的唯一 id。
命名规则：
  • 必须以字母 A-Z 或 a-z 开头
  • 其后的字符：字母(A-Za-z)、数字(0-9)、连字符(“-“)、下划线(“_”)、冒号(“:”) 以及点号(“.”)
  • 值对大小写敏感

HTML全局属性

相关