程序员经验分享-hwhale

HTML5自定义数据属性命名规则(data-)

2023-11-23

我尝试使用data-userId，但 firebug 将其显示为data-userid（带有小写“i”）。 看来我们不应该在自定义数据属性中使用大写字母。 HTML5自定义数据属性的命名规则是什么？ 请让我知道使用它的任何最佳实践。


直接来自the spec:

3.2.3.9 使用嵌入自定义不可见数据data-*属性

A 自定义数据属性是名称以字符串“开头的名称空间中的属性”data-"，连字符后至少有一个字符，是XML兼容, and 不包含大写 ASCII 字母.

（强调已添加）

XML 兼容是什么意思？

属性名称据说是XML兼容如果它们匹配Name生产在 XML 中定义，并且它们不包含 U+003A 冒号字符 (:)。

是什么Name产生规则？

[4] NameStartChar::=":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x2FF] | [#x370-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]
[4a]NameChar::=NameStartChar | "-" | "." | [0-9] | #xB7 | [#x0300-#x036F] | [#x203F-#x2040]
[5]Name::=NameStartChar (NameChar)*

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

attributes

HTML5自定义数据属性命名规则(data-) 的相关文章

  • 图表外的 JQPlot 图例

    我正在使用 JQPlot 并且在一个 HTML 页面上有很多图表 每个图表都有相同的图例 我的问题是 是否可以完全在图表之外显示图例 并在 HTML 页面或自己的 div 中拥有自己的位置 legend show true renderer

  • 在弹性行中使用“nowrap”时，避免将最后一个元素推离屏幕

    我需要在一行内渲染很长的文本 以及该行末端 屏幕的近端 的图像 给定一个很长的文本 我必须简单地截断它 该文本现在应该进入第二行 因为它太长了 请看我的代码 如何避免将漂亮的表情符号挤出屏幕 请考虑到右侧的元素可能是动态的 所以给出固定宽度

  • 为什么 Visual Studio 格式文档工具将标题标签放在两行上？

    所以如果我有一个像这样的 HTML 标题 h2 A Heading h2 我跑Edit gt Format Document它最终看起来像这样 h2 A Heading h2 为什么是这样 它不会对其他块元素执行此操作 但会对其他内联元素执

  • img设置flex-grow来填充flex容器剩余空间，它会导致flex内部溢出flex容器[重复]

    这个问题在这里已经有答案了 以下是我的代码 text1 溢出 Flex 容器 我期望 Flex 容器中的 img 文本和 img 填充 Flex 容器其余部分

  • 从 PDF 转换为 HTML [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 从右到左打印表格单元格

    我制作了一个表格 并希望第一个单元格从右侧开始 而不是默认从左侧开始 我尝试更改 CSS 中的 float 属性 但似乎没有帮助 这是代码 table border 0 width 100 cellspacing 0 align cente

  • 如何在 difflibs html 输出中突出显示每行超过两个字符

    我在用difflib HtmlDiff比较两个文件 我希望在输出的 html 中突出显示差异 当一行中最多有两个不同的字符时 这已经有效 a 2 000 b 2 120 但是 当一行上有更多不同的字符时 在输出中整行将被标记为红色 在左侧

  • 如何在 html5 中加载部分 html？ [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 询问我们的问题推荐或查找工具 库或最喜欢的场外资源与 Stack Overflow 无关 因为它们往往会吸引固执己见的答案和垃圾邮件 反而

  • 使用标签强制关闭 IE 兼容模式

    我正在为一个在所有 Intranet 站点上强制使用兼容模式的客户工作 我想知道是否可以在 HTML 中放入一个标签来强制关闭兼容模式 有 边缘 模式 http msdn microsoft com en en library cc8175

  • 对象适合不影响图像

    我一直在尝试使用object fit放在里面的一些图像article元素 但似乎根本不影响它们 的期望值object fit财产将是cover 但截至目前 其他值似乎都不起作用 当我改变它的值时 它们不会缩小 不会增长 不会 什么都没有 如

  • iOS 7 从 Mobile Safari 访问 iPhone 相机？

    In iOS 6你可以使用这样的东西

  • 自定义标签...为什么不呢？

    我找到了一个网站 其中包含向 html 添加自定义标签的指南 就像人们让 ie 使用新的 HTML5 标签一样 我必须承认 我认为添加我自己的标签会很棒 这样可以更轻松地 扫描 代码并找到您要查找的内容 但我发现的每个网站 人们都说它不好

  • asciidoctor 是否有设置从其输出的源中删除 和

    标签？

    我正在使用 asciidoctor 在 Drupal 中开发自定义过滤器 并意识到 asciidoctor 将输出放在 div class paragraph p tags 它是否有一个设置可以从输出中删除这些标签并仅返回内部 HTML 有

  • 当 Flexbox 项目以列模式换行时，容器不会增加其宽度

    我正在研究一个嵌套的弹性盒布局 它应该按如下方式工作 最外层 ul main 是一个水平列表 当向其中添加更多项目时 该列表必须向右扩展 如果它变得太大 应该有一个水平滚动条 main display flex flex direction

  • 如何缩小aspx页面

    我正在开发一个基于网络的口袋妖怪在线 http www pokemoncraft com游戏 由于它是在线的 我想优化它以尽可能快地运行 我已经安装了 Firebug Page Speed 建议缩小我的 HTML 输出 我还使用 VS200

  • Javascript - 删除粘贴上的空格

    我有一个最大长度为 10 的输入文本字段 该字段用于澳大利亚电话号码 10 位数字 电话号码通常分为以下语法 12 12345678 如果有人复制上面的内容并将其粘贴到我的输入字段中 显然会留下最后一位数字并保留空格 有没有办法在粘贴到输入

  • 为什么 Microsoft Outlook 在发送 HTML 电子邮件时不遵循列表样式？

    我有以下代码 但我一生都无法让它在 Microsoft Outlook 中工作 ul style margin left 50px line height 50px list style none li style font size 6

  • 避免 IE 中因背景图像而出现“混合内容”警告的具体规则是什么？

    这与SSL 和 CSS 背景图像导致的混合内容 https stackoverflow com questions 1548551 ssl and mixed content due to css background images但这个问

  • 创建具有可变宽度
    和
    的定义列表（包括 JSFiddle）

    我有一个定义列表 其中术语和定义的宽度都不同 编辑 为了澄清 当我说变化宽度时 我的意思是它们不能是固定宽度 显然 通过设置 的宽度就可以轻松实现这种效果我需要每一对并排坐着 如果需要的话可以变成多行 而不是包裹在 这是一个 JSFiddl

  • jQuery - 将日期选择器的容器设置为特定的 div

    我在 div 上使用 jQuery UI 日期选择器 div通过移动鼠标隐藏和显示 因为日期选择器存在于末尾标签 不在我的 div 内 当我将鼠标移动到日期选择器时 div 消失 我像这样加载了日期选择器 JavaScript dt1 da

随机推荐

  • Multer 不接受数组格式的文件会出现“意外文件错误”

    Multer是与node js和express一起使用的用于上传文件的模块 我在角度方面使用 ng file upload 模块 当我一一发送多个文件时 它工作得很好 没有任何错误 但是当我以数组格式一次性发送所有文件 然后按照 Multe

  • Android ndk(cmake)：在第二个 jni 库中使用日志 api 时，“未定义引用‘__android_log_write’”

    我使用 Android Studio 2 2 和 cmake 来构建 jni 文件 我想在 jni 文件中显示日志 但收到错误消息 未定义对 android log write 的引用 我的 CMakeLists txt 文件是 add l

  • CFG 的扩展，它是什么？

    考虑以下上下文无关语法的扩展 它允许规则在左侧有一个 或多个 终端在非终端的右侧 即 形式规则 A b gt 右侧可以是任何东西 就像在上下文无关语法中一样 特别是 它是not要求右侧末尾具有完全相同的终端符号 在这种情况下 此扩展将是上下

  • 大多数签名/未签名警告的可接受修复？

    我本人确信 在我正在研究的项目中 有符号整数在大多数情况下是最佳选择 即使其中包含的值永远不会是负数 更简单的反向 for 循环 更少的错误机会等 特别是对于只能保存 0 到 20 之间的值的整数 大多数出错的地方是 std vector

  • Android Play Places 出现 PLACES_API_INVALID_APP 错误

    我正在尝试 Google Place Autocomplete 示例https github com googlesamples android play places 我已将正确的 API 密钥放在正确的位置 我知道这一点是因为当我输入随

  • 关于：下载文件时浏览器中出现空白#被阻止

    我正在尝试从本地服务器下载文件 也许将来我需要在其他服务器上执行此操作 当我单击链接下载浏览器中的文件时 会出现此消息 about blank blocked 我正在使用 axios 和vue js 代码是这样的 downloadItem

  • Flex：如何检测用户是否阻止共享对象写入

    简单的问题是 如果用户已阻止将数据写入共享对象 我如何在动作脚本中检测 sharedObj SharedObject getLocal rememberme 这个返回总是共享对象 但它的大小是0 即使我已经阻止了共享对象 当我尝试将数据保存

  • 如何将多个python文件转换为EXE？

    我正在尝试将我的 python 应用程序转换为 exe 我见过像 py2exe 和 cx freeze 这样的东西 但它们只编译一个 py 文件 谁能帮我 谢谢 我目前使用py安装程序用于将项目构建为单个可执行文件 这些项目都包含多个Pyt

  • gacutil 构建后事件已退出，代码为 1

    我正在尝试在 GAC 中注册并组装构建后活动 这是我的构建后命令 C Program Files x86 Microsoft SDKs Windows v7 0A Bin NETFX 4 0 Tools x64 gacutil exe if

  • 如何在主目录中创建文件夹？

    我想创建一个目录path HOME somedir 我尝试过使用boost filesystem create directory path 但它失败了 显然该函数不会扩展系统变量 我怎样才能以最简单的方式做到这一点 注意 在我的例子中 字

  • 从单个项目源构建多个 jar

    我对 gradle 还很陌生 我想知道是否可以从同一项目源构建多个 jar 我浏览过以前的类似问题 但我的情况有点不同 我想将所有源文件编译两次以生成两个不同的 jar 每个 jar 具有不同的依赖项和不同的工件 id 从概念上讲 它可以表

  • MongoDB中每条记录的更新时间

    MongoDB 的 ObjectId 有一个 getTimestamp 方法 该方法返回插入记录的时间 是否有类似的方法来获取上次更新的时间 或者我应该使用单独的列来保存此数据 使用 PHP 如果重要的话 MongoDB 不存储最后的更新

  • 使用 jQuery 检查页面加载时的所有复选框

    在页面加载时 使用 jQuery 如何自动选择特定 div 中的所有复选框 function thediv input checkbox attr checked checked

  • 如何在war文件中运行java类文件[重复]

    这个问题在这里已经有答案了 我有一个名为 Sample war 的战争文件 在这个战争文件中 我有一个名为 Maintest 的主类 我想从战争之外运行或执行Maintest类 如何做到这一点 War 文件只是带有额外元数据的 Jar 文件

  • R：在函数内使用 dplyr。 eval(expr, envir, enclos) 中的异常：未知列

    我在 R 中创建了一个函数友善的帮助 Jim M 当我运行该函数时 我收到错误 错误 未知列 原始数据 当查看调试器时 我收到消息 Rcpp eval expr envir enclos 中的异常 未知列 rawdata 然而 当我查看环境

  • Swift 固体节拍器系统

    我正在尝试构建一个可靠的实体系统 以使用 SWIFT 在我的应用程序中构建节拍器 到目前为止 我已经使用 NSTimer 构建了一个看似可靠的系统 我现在遇到的唯一问题是 当计时器启动时 前两次点击是关闭时间 但随后它会陷入一个可靠的时间范

  • 我们一次最多可以通过蓝牙与 Android 设备配对多少个设备？ [关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 谁能告诉我我们一次最多可以通过蓝牙与 Android 设备配对多少个设备 我用谷歌搜索了

  • Pandas read_sql_query 对某些列中的所有值返回 None

    我正在使用 pandas read sql query 将数据从 MySQL 数据库表读取到 pandas 数据帧中 该表中的某些列具有全部 NULL 值 对于这些列 pandas 数据框的每一行都不包含任何内容 对于所有其他列 数据帧包含

  • Oracle 提交和选择之间存在滞后

    我们有一个 Java 工作流应用程序 它使用 Oracle 数据库来跟踪其步骤以及与其他服务的交互 在工作流运行期间 会执行多次插入 更新 选择 有时选择不会返回更新的数据 即使插入 更新提交在成功完成之前运行也是如此 工作流程出错后 由于

  • HTML5自定义数据属性命名规则(data-)

    我尝试使用data userId 但 firebug 将其显示为data userid 带有小写 i 看来我们不应该在自定义数据属性中使用大写字母 HTML5自定义数据属性的命名规则是什么 请让我知道使用它的任何最佳实践 直接来自the s

热门标签