小编典典

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

html

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


阅读 438

收藏
2020-05-10

共1个答案

小编典典

对于HTML 4,技术上的答案是:

ID和NAME令牌必须以字母([A-Za-z])开头,然后可以跟任意数量的字母,数字([0-9]),连字符(“-”),下划线(“ _”)
,冒号(“:”)和句点(“。”)。

HTML 5更为宽容,只说一个id必须至少包含一个字符,并且不得包含任何空格字符。

在XHTML中,id属性区分大小写。

从纯粹的实践出发,您可能要避免使用某些字符。在CSS选择器中,句号,冒号和’#’具有特殊含义,因此您必须[在CSS中]使用反斜杠或在传递给jQuery的选择器字符串中使用双反斜杠来转义这些字符。想一想,在迷上句号和ID中的冒号之前,必须多久在样式表或代码中转义一个字符。

例如,HTML声明<divid="first.name"></div>有效。您可以#first\.name像在CSS中和在jQuery中那样选择该元素:$('#first\\.name').但是,如果忘记了反斜线$('#first.name'),您将拥有一个非常有效的选择器,该选择器查找具有id的元素first并且具有classname。这是一个容易忽略的错误。从长远来看,您可能会更高兴选择idfirst-name(连字符而不是句点)。

您可以严格遵守命名约定来简化开发任务。例如,如果您将自己完全限制为小写字母,并且始终使用连字符或下划线来分隔单词(但不能同时使用两个字符,请选择一个而不使用另一个),那么您将拥有一种易于记忆的模式。您将永远不会怀疑“是firstName还是FirstName?”因为您将永远知道您应该输入first_name。喜欢骆驼案吗?然后限制自己,不要使用连字符或下划线,并且始终对第一个字符使用大写或小写,请勿混用。


现在一个非常模糊的问题是,至少一个浏览器Netscape6错误地将id属性值视为区分大小写。这意味着,如果您id="firstName"在HTML(小写字母“f”)和#FirstName{color:red}CSS(大写字母“F”)中键入内容,则该错误的浏览器将无法将元素的颜色设置为红色。在进行此编辑(2015年4月)时,希望您不会被要求支持Netscape6。请考虑一下这是一个历史脚注。

2020-05-10