HTML中id属性的有效值是什么？

为HTML元素创建id属性时，该值有哪些规则？

当前回答

根据HTML 4规范：

ID和NAME标记必须以字母（[a-Za-z]）开头，后面可以是任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“_”）、冒号（“：”）和句点（“.”）。

一个常见的错误是使用以数字开头的ID。

2008-09-16 09:09:57

其他回答

墙可以是：[a-z]、[a-z]、[0-9]、[*_：-]

它用于HTML5。。。

我们可以用任何标签添加id。

2019-07-07 08:21:41

连字符、下划线、句点、冒号、数字和字母都适用于CSS和jQuery。以下内容应该有效，但在整个页面中必须是唯一的，并且必须以字母[a-Za-z]开头。

使用冒号和句点需要做更多的工作，但可以按照下面的示例进行操作。

<html>
<head>
<title>Cake</title>
<style type="text/css">
    #i\.Really\.Like\.Cake {
        color: green;
    }
    #i\:Really\:Like\:Cake {
        color: blue;
    }
</style>
</head>
<body>
    <div id="i.Really.Like.Cake">Cake</div>
    <div id="testResultPeriod"></div>

    <div id="i:Really:Like:Cake">Cake</div>
    <div id="testResultColon"></div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var testPeriod = $("#i\\.Really\\.Like\\.Cake");
            $("#testResultPeriod").html("found " + testPeriod.length + " result.");

            var testColon = $("#i\\:Really\\:Like\\:Cake");
            $("#testResultColon").html("found " + testColon.length + " result.");
        });
    </script>
</body>
</html>

2010-07-07 10:09:22

要引用带句点的id，需要使用反斜杠。我不确定连字符或下划线是否相同。

例如：

HTML

<div id="maintenance.instrumentNumber">############0218</div>

CSS

#maintenance\.instrumentNumber{word-wrap:break-word;}

2013-11-13 20:14:15

实际上，许多网站使用以数字开头的id属性，尽管这在技术上是无效的HTML。

HTML5草案规范放宽了id和name属性的规则：它们现在只是不透明的字符串，不能包含空格。

2008-09-16 10:04:28

HTML5

请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。

HTML5中关于ID内容的规则是（除了唯一性之外）：

此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

这是关于ID的W3规范（来自MDN）：

任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。

更多信息：

W3-全局属性（id）MDN属性（id）

2013-08-26 21:54:46

HTML中id属性的有效值是什么？

推荐文章

最新文章

标签