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

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

当前回答

对于HTML5：

该值必须在元素主页中的所有ID中唯一子树，并且必须至少包含一个字符。该值不得包含任何空格字符。

至少有一个字符，没有空格。

这为使用重音字符等有效用例打开了大门。这也为我们提供了更多的弹药，因为除非你非常小心，否则你现在可以使用id值，这会导致CSS和JavaScript出现问题。

2013-08-21 10:57:06

其他回答

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

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

2008-09-16 10:04:28

任何字母数字值“-”和“_”都是有效的。但是，您应该以A-Z或A-Z之间的任何字符开始id名称。

2016-11-12 13:52:52

自ES2015以来，如果文档字符集设置为UTF-8，我们也可以使用几乎所有的Unicode字符作为ID。

在此测试：https://mothereff.in/js-variables

阅读：ES2015中有效的JavaScript变量名

在ES2015中，标识符必须以$、_或任何带有Unicode派生的核心属性ID_Start。标识符的其余部分可以包含$、_、U+200C零宽度非连接符、U+200D零宽度连接符或任何Unicode符号派生的核心属性ID_Continue。

const target=document.querySelector（“div”）.idconsole.log（“Div-id:”，目标）document.getElementById（目标）.style.background=“chartreuse”第二部分{边框：5px蓝色实心；宽度：100%；高度：200px}<div id=“H̹̙̦̮͉̩̗ͻͧ̏̾Eͨ͆͒̆ͮ͏̷̰̣̫̤C͈̻ͯ͐O̜͎͍878;͐͗ͤ781;͢M̡̲̭͍͇̼̟̯̦̉̒͠Ḛ̛̙̞̪̗ͥͤͩ̾͑̔͐ͅṮ“”</div>

你应该使用它吗？可能不是个好主意！

阅读：JavaScript：“函数体后面缺少语法错误}”

2019-09-07 21:36:10

根据HTML 4规范：

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

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

2008-09-16 09:09:57

连字符、下划线、句点、冒号、数字和字母都适用于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

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

推荐文章

最新文章

标签