【问题标题】:HTML 5 classnames and IDsHTML 5 类名和 ID
【发布时间】:2012-03-01 21:22:54
【问题描述】:

我知道在 HTML4 中的类和 id 不能以数字开头。

我正在使用 HTML 5/php 进行编码,并且我的许多 id 和类中只有数字,它们指向我的数据库中用于 jquery ajax 调用的主键。

我找不到 HTML5 类和 id 规范的文档。在 HTML 5 中具有类和 id 名称是否有效,例如,

class="122"
id="13213"

我已经通过 w3c 一致性检查器运行了我的输出代码,一切都很好,但我仍然想要确认!?

谢谢

【问题讨论】:

    标签: css html


    【解决方案1】:

    我对此进行了彻底的研究并写下了我的发现:The id attribute got more classy in HTML5。从那篇文章:

    HTML5 摆脱了对the id attribute 的额外限制。除了在文档中唯一之外,剩下的唯一要求是该值必须包含至少一个字符(不能为空),并且不能包含任何空格字符。

    要使用选择器 API 在 CSS 或 JavaScript 中定位以数字开头的类名或 ID,您应该escape them。例如,要使用id="404" 定位元素,您不能只使用#404 - 您必须使用escape it as follows

    #\34 04 {
      background: pink;
    }
    

    【讨论】:

    • 是的,这就是我搜索时在谷歌上弹出的 #1 !好贴!我只是想确保它符合 w3c 规范,所以我可以继续吗?
    • @cgwebprojects 当然,继续,它可以安全使用。我的帖子链接到 HTML5 规范的相应部分。只要记住在 CSS/JS 中需要时转义 ID 或类名即可。
    • 是的,我认为我可以转义,并且我不是通过 JS 来定位它们,而是通过 JSON 发送 id 的值,再次感谢。
    【解决方案2】:

    官方 html5 规范在这里:id-attribute in html5

    (Here你去html4)

    所以在 html5 中唯一的限制是最少 1 个字符没有空格

    【讨论】:

    • 删除 w3fools 链接并保留 w3c 在此处引用相关部分,您会得到我的 +1
    猜你喜欢
    • 1970-01-01
    • 2012-04-27
    • 2015-03-07
    • 2014-02-01
    • 1970-01-01
    • 2011-03-16
    • 1970-01-01
    • 2017-12-26
    • 2011-05-11
    相关资源
    最近更新 更多