首页 > HTML > 为 HTML 元素创建属性时,值有哪些规则?

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

上一篇 下一篇

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

分割线

网友回答:

从 HTML 4 规范:

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

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

分割线

网友回答:

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

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

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

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

作为一个纯粹的实际问题,你可能想避免某些字符。句点、冒号和“#”在 CSS 选择器中具有特殊含义,因此您必须在 CSS 中使用反斜杠或在传递给 jQuery 的选择器字符串中使用双反斜杠来转义这些字符。想想在你对id中的句点和冒号发疯之前,你必须多久转义一次样式表或代码中的字符。

例如,HTML 声明是有效的。你可以在CSS中选择该元素,也可以在jQuery中选择,如下所示: 但是如果你忘记了反斜杠,你将有一个完全有效的选择器来寻找一个带有id和类的元素。这是一个容易被忽视的错误。从长远来看,选择id(连字符而不是句点)可能会更快乐。<div id="first.name"></div>#first.name$('#first\.name').$('#first.name')firstnamefirst-name

您可以通过严格遵守命名约定来简化开发任务。例如,如果您将自己完全限制为小写字符,并且始终用连字符或下划线分隔单词(但不能同时使用两者,选择一个,永远不要使用另一个),那么您就有一个易于记忆的模式。你永远不会想知道“是还是?”,因为你永远知道你应该打字。更喜欢骆驼案?然后限制自己,不要连字符或下划线,并且始终始终使用大写或小写作为第一个字符,不要混合它们。firstNameFirstNamefirst_name


现在一个非常模糊的问题是,至少有一个浏览器Netscape 6错误地将id属性值视为区分大小写。这意味着,如果你输入了HTML(小写的“f”)和CSS(大写的“F”),那么有缺陷的浏览器将无法将元素的颜色设置为红色。在 2015 年 6 月进行编辑时,我希望您没有被要求支持 Netscape <>。将此视为历史脚注。id="firstName"#FirstName { color: red }

分割线

网友回答:

从技术上讲,您可以在 id/name 属性中使用冒号和句点,但我强烈建议避免两者兼而有之。

在CSS(以及一些JavaScript库,如jQuery)中,句点和冒号都有特殊的含义,如果你不小心,你会遇到问题。句点是类选择器,冒号是伪选择器(例如,当鼠标悬停在元素上时,元素的“:hover”)。

如果你给一个元素 id “my.cool:thing”,你的 CSS 选择器将如下所示:

#my.cool:thing { ... /* some rules */ ... }

这实际上是在说,“ID为’my’的元素,一类’酷’和’事物’伪选择器”。

坚持使用任何大小写、数字、下划线和连字符的 A-Z。如上所述,请确保您的ID是唯一的。

这应该是你首先关心的问题。

模板简介:该模板名称为【为 HTML 元素创建属性时,值有哪些规则?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 241次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 03-30
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信模板 微信文章 微信素材 微信图片 单页式简历模板 企业网站 微信公众平台 响应式 自适应 html5
您可能会喜欢的其他模板