• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • id

    id全局属性定义唯一标识符(ID),该标识符在整个文档中必须是唯一的。其目的是在链接(使用片段标识符),脚本或样式(使用CSS)时标识元素。

    示例

    <p>A normal, boring paragraph. Try not to fall asleep.</p>
    <p id="exciting">The most exciting paragraph on the page. One of a kind!</p>
    <style>
    .output {
        font: 1rem 'Fira Sans', sans-serif;
    }
    
    #exciting {
        background: linear-gradient(to bottom, #ffe8d4, #f69d3c);
        border: 1px solid #696969;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 2px 2px 1px black;
    }
    
    #exciting:before {
        content: "ℹ️";
        margin-right: 5px;
    }
    </style>
    

    A normal, boring paragraph. Try not to fall asleep.

    The most exciting paragraph on the page. One of a kind!

    该属性的值是一个透明(opaque)字符串,这意味着网页开发者不能使用它来传递人类可读的信息。

    id的值不得包含空白字符(whitespace,包括空格和制表符等)。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的class属性不同,元素只能拥有一个 ID 值。

    注意:使用除ASCII字母、数字、_-.以外的字符可能会造成兼容性问题,因为HTML4 中不允许使用它们。虽然这个限制在HTML5中被解除了,但为兼容性考虑 ID 应该以字母开头。

    实例通过 javascript 利用 id 属性来处理一段文本:

    <html>
    	<head>
    		<script type="text/javascript">
    		function displayresult()
    		{
    		document.getelementbyid("myheader").innerhtml="have a nice day!";
    		}
    		</script>
    	</head>
    	<body>
    		<h1 id="myheader">hello world!</h1>
    		<button onclick="displayresult()">change text</button>
    	</body>
    </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 属性不能用于:<base>,<head>,<html>,<meta>,<param>,<script>,<style>,和<title>。

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

    语法

    <element id="id">

    属性值

    描述
    id

    规定元素的唯一 id。

    命名规则:

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

    上篇:hidden

    下篇:itemtype