id属性用于指定其元素的独一无二标识符(ID)。
必须以字母 A-Z 或 a-z 开头
其后的字符:字母(A-Za-z)、数字(0-9)、连字符("-")、下划线("_")、冒号(":") 以及点号(".")
值对大小写敏感
id的常用地方
使用片段的标识符关联文档的指定部分(锚链接);
在脚本程序中定位一个元素(供JavaScript脚本使用);
以及在CSS中样式化指定元素(供css使用)。
作为表单元素的识别(比如 单选按钮:<INPUT id="I1" <INPUT id="I2")
<a href="#footer" id="top">到达底部</a> <a href="#top" id="footer">到达顶部</a>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>炫代码www.xuandaima.com</title> <script type="text/javascript"> function change_txt() { document.getElementById("mytxt").innerHTML="今天很好!"; } </script> </head> <body> <h1 id="mytxt">您好!</h1> <button onclick="change_txt()">改变文字</button> </body> </html>
在html中有ID属性类和CLASS属性类,其中ID类是用"#"来识别,CLASS类则是用"."来识别。ID在一个网页中只能被引用一次,而CLASS类可以被多次引用。
使用css后我变成红色居中! |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>炫代码www.xuandaima.com</title> <style> #mytxt { color:red; text-align:center; } </style> </head> <body> <h1 id="mytxt">使用css后我变成红色居中!</h1> </body> </html>
在 HTML5 中, id 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。
在 HTML 4.01 中, id 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>。