首页 >web前端 >js教程 >HTML 中的 ID 可以以数字开头还是仅由数字组成?

HTML 中的 ID 可以以数字开头还是仅由数字组成?

DDD
DDD原创
2024-11-12 19:50:02844浏览

Can IDs in HTML Start with or Consist Only of Numbers?

ID 可以只包含数字吗?

你可以创建一个 id 以数字开头或完全由数字组成的元素吗?

是的,可以。但是,将此类 ID 与 CSS 选择器一起使用可能具有挑战性。

ID 验证:

HTML5 允许仅由数字组成的 ID,只要它们不是空格即可。即使在 HTML5 规范出现之前,浏览器对此也一直很灵活。

CSS 选择器:

虽然您可以使用数字 ID,但在 CSS 选择器中却变得很麻烦。以数字开头的ID不能按字面书写;您必须使用反斜杠对其进行转义(例如,#12 在 CSS 中变为 #3132)。

建议:

如果您计划将这些 ID 与 CSS 选择器一起使用,那么为了方便起见,建议以字母开头。

示例:

以下是使用 id 为“12”的 div 的示例:

<div>
# {
    background: #0bf;
}
document.getElementById("12").style.border = "2px solid black";

这适用于主要浏览器,如下面的实时示例所示:

[实时示例](https://jsfiddle.net/e0xs9L06/)

以上是HTML 中的 ID 可以以数字开头还是仅由数字组成?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn