HTML 5 全局 id 属性

w3school 在线教程

## HTML5 教程

- HTML5 教程
- HTML5 简介
- HTML5 视频
- HTML5 视频/DOM
- HTML5 音频
- HTML5 拖放
- HTML5 画布
- HTML5 SVG
- HTML5 画布 vs SVG
- HTML5 地理定位
- HTML5 Web 存储
- HTML5 应用缓存
- HTML5 Web Workers
- HTML5 服务器发送事件

## HTML5 表单

- HTML5 输入类型
- HTML5 表单元素
- HTML5 表单属性

## HTML5 测验

- HTML5 测验

## HTML5 参考手册

- HTML5 标签
- HTML5 属性
- HTML5 事件
- HTML5 视频/音频
- HTML5 画布
- HTML 有效 DTD

# HTML 5 全局 id 属性

HTML 5 全局属性

## 实例

通过 JavaScript 利用 id 属性来改变一段文本：

    <html>
    <head>
    <script type="text/javascript">
    function change_header()
    {
    document.getElementById("myHeader").innerHTML="Nice day!";
    }
    </script>
    </head>

    <body>
    <h1 id="myHeader">Hello World!</h1>
    <button onclick="change_header()">改变文本</button>
    </body>

    </html>

亲自试一试

## 定义和用法

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。

id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

## HTML 4.01 与 HTML 5 之间的差异

None.

## 语法

    <element id="value">

### 属性值

值 | 描述
--- | ---

id

规定元素的唯一 id。

命名规则：

- 必须以字母 A-Z 或 a-z 开头
- 其后的字符：字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")
- 值对大小写敏感

## 亲自试一试 - 实例

向 HTML 元素添加唯一的 id
  如何向 HTML 元素添加 id 属性。
在 CSS 中使用 id 属性
  如何在 CSS 中使用 id 属性为元素添加样式
使用 id 属性来创建链接锚
  如何使用 id 属性来创建链接锚。

HTML 5 全局属性