www.baike369.com
百科369 > HTML5教程 > HTML5 id属性

HTML5 id属性


定义

HTML5的id属性规定HTML5元素的唯一的id。为元素命名非常重要,这样就可以通过id访问样式表、链接或者脚本语言。

id的名称在HTML5文档中必须是唯一的。

id属性的值必须以字母(A-Z 或 a-z)开头,并由任意数目的字母、数字、连字号及句点组成。


语法

<element id="value">

属性值

id属性值(value)规定HTML5元素的唯一的id。


实例

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>通过JavaScript利用id属性的示例-www.baike369.com</title>
<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>

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>向HTML5元素添加唯一的id示例-www.baike369.com</title>
</head>
<body>
<h1 id="myTitle">www.baike369.com</h1>
</body>
</html>

源代码如下:

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>HTML5在CSS中使用id属性示例-www.baike369.com</title>
<style>
#myTitle
{
color:red;
text-align:center;
}
</style>
</head>
<body>
<h1 id="myTitle">www.baike369.com</h1>
</body>
</html>
Copyright© 2011-2016 www.baike369.com All Rights Reserved