blocks|key|2141218|text|通常，如果您在HTML元素上设置了自己的属性，则必须构建一个能理解这些属性的呈现器(并确保您的用户拥有呈现器)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2141219|通常，这意味着您提供了理解新属性的javascript。唯一的缺点是，要为HTML服务，还需要为您的javascript服务；您无法将两者分离开来。|2141220|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

In general, if you set your own attributes on HTML elements, you will have to build a renderer that understands those attributes (and make sure that your users have the renderer).

Usually, this means you provide javascript that understands your new attributes. The only disadvantage with this is that to serve your HTML you also need to serve your javascript; you can't decouple the two.

blocks|key|587733|text|好吧，您的代码不会验证，但我怀疑它是否真的会造成很大的问题。这些自定义属性的目的是什么，它们是否可以在HTML5数据属性中复制？|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|587734|(请不要回答"HTML5还没准备好“)|587735|entityMap|0|LINK|mutability|MUTABLE|url|http://ejohn.org/blog/html-5-data-attributes/^0|1F|9|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Well, your code won't validate but I doubt it will really cause much of a problem. What is the purpose of these custom attributes and could they be replicated with the <a href="http://ejohn.org/blog/html-5-data-attributes/" rel="nofollow">HTML5 data attribute</a>? 

(No "HTML5 isn't ready" responses please)

blocks|key|587773|text|只有验证才会出现问题。您可以添加任意数量的属性，但它们不会通过验证测试。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|587774|正如其他人所说，在默认情况下，它们不会被识别，您可能需要编写自己的javascript或其他东西才能读取它们。|587775|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Only problems would come with validation. You can add as many attributes as you want, but they won't pass validation tests.

As someone else said, they won't be recognized by default, you would probably have to write your own javascript or something to be able to read them.

blocks|key|1786224|text|如果您正在使用HTML5，则绝对允许您向标记中添加自定义属性。这里有一篇关于这个主题的文章：http://ejohn.org/blog/html-5-data-attributes/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1786225|如果您使用的是较旧的HTML或xhtml版本，那么您就不应该添加属性。然而，在大多数情况下，浏览器将接受它。但是，您应该进行全面的测试，因为它超出了规范的范围，因此不同的浏览器可能会有不同的行为。|1786226|在xhtml中，您肯定不能添加属性，因为它会破坏文档定义，不会进行验证。但是(正如我在前面链接的文章中所述)，如果需要，可以使用不同的命名空间添加它们。|1786227|entityMap|0|LINK|mutability|MUTABLE|url|http://ejohn.org/blog/html-5-data-attributes/^0|1A|19|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

If you're using HTML5, you are absolutely allowed to add custom attributes to your tags. Here's an article on the subject: <a href="http://ejohn.org/blog/html-5-data-attributes/" rel="nofollow">http://ejohn.org/blog/html-5-data-attributes/</a>

If you're stuck using an older HTML or xhtml version then by rights you shouldn't be adding attributes. However for the most part the browser will accept it. You should test comprehensively though, as it's outside the spec so different browsers may behave differently.

In xhtml, you definitely can't add attributes, since it would break the document definition and won't validate. However (as stated in the article I linked earlier), you can add them using a different namespace if you need to.

blocks|key|1786256|text|在大多数情况下，您要向HTML添加不是标准标记或CSS的属性，您希望为JavaScript存储用于交互的数据。查看一下jQuery.data()功能，这可能会给您提供您想要的东西。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1786257|http://api.jquery.com/jQuery.data/|1786258|entityMap|0|LINK|mutability|MUTABLE|url^0|1N|D|0|0|Y|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

In most cases where you are adding attributes to HTML that isn't standard markup or CSS you want to store data for JavaScript to have for interactions. Look into the <code>jQuery.data()</code> capabilities and that may give you what you're looking for.

<a href="http://api.jquery.com/jQuery.data/" rel="nofollow">http://api.jquery.com/jQuery.data/</a>

<blockquote>
 Possible Duplicate: 
 <a href="https://stackoverflow.com/questions/992115/custom-attributes-yay-or-nay">Custom attributes - Yay or nay?</a> 
</blockquote>



Hello,
it might be a very basic question but I wonder if are there any implications to set custom attributes to HTML tags... in terms browsers compatibility, SEO, complainants etc.

thanks

How bad is it to add custom attributes to HTML tags?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

可能重复：你好，这可能是一个非常基本的问题，但我想知道是否有任何意义来设置自定义属性的HTML标签.在浏览器兼容性，搜索引擎优化，投诉人等。谢谢

问将自定义属性添加到HTML标记有多糟糕？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将自定义属性添加到HTML标记有多糟糕？EN