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

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

当前回答

自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

其他回答

救命，我的Javascript坏了！

每个人都说ID不能重复。

在除FireFox之外的所有浏览器中都试用过

<div id=“ONE”></div><div id=“ONE”></div><div id=“ONE”></div><脚本>document.body.append（document.querySelectorAll（“#ONE”）.length，'DIV！'）document.body.append（'in'，typeofONE）console.log（一）；//全局变量！！</script>

解释

在世纪之交，微软拥有90%的浏览器市场份额，

并实施从未标准化的浏览器行为：

1.为每个ID创建全局变量

2.为重复ID创建数组

所有后来的浏览器供应商都复制了这种行为，否则他们的浏览器将不支持旧网站。

2015年左右，Mozilla删除了2。来自FireFox和1。仍然有效。

所有其他浏览器仍然支持1。和2。

我每天都使用它，因为键入ONE而不是document.querySelector（“#ONE”）帮助我更快地创建原型；我不在生产中使用它。

2021-03-11 19:13:00

根据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

没有空格，并且必须至少以a到z和0到9之间的字符开头。

2017-05-09 04:22:32

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

2016-11-12 13:52:52

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

推荐文章

最新文章

标签