如何以有效的方式添加非标准属性

发布于 2024-08-12 13:51:35 字数 153 浏览 5 评论 0原文

拥有非标准属性

onselectstart
oncontextmenu 
...

有没有办法在标签中

，并且仍然以某种方式通过 HTML 4.01 过渡验证？除了稍后使用 Javascript 添加属性之外。

原文

Is there a way to have non-standard attributes like

onselectstart
oncontextmenu 
...

in a tag, and still pass validation as HTML 4.01 transitional somehow?

Apart from adding the properties later on using Javascript.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

兰花执着 2024-08-19 13:51:35

虽然您无法在 HTML 4.01 中添加自己的标签或属性，但常见的技术是使用标准 HTML 标签或属性来包含您的信息，即使根据规范它并不完全正确。例如，“class”属性可以存储几乎任何类型的数据：

<a href="#" id="user-link-1" class="username:matt email:[email protected]">Matt</a>

您可以检索上面链接的类并将“class”属性拆分以检索数据。

我见过用于自定义数据的其他一些标签和属性：带有非 JavaScript“type”值的

如果您不介意从 HTML 4 进行更改，您还有其他几个选择：

使用 HTML 5，它支持以 'data-' 开头的自定义属性
使用 XHTML，通过 XML 命名空间。

您还可以通过 JavaScript 在运行时向 HTML 文档添加自定义属性。例如：

var body = document.getElementsByTagName("body")[0];
body["my-attribute"] = "Hello, world!";
alert(body["my-attribute"]);

如果您的信息是动态的并且根本不需要存储在标记中，这会很有帮助。

While you can't add your own tags or attributes in HTML 4.01, a common technique is using standard HTML tags or attributes to include your information, even if it isn't exactly the correct usage according to the spec. For example, the 'class' attribute can store almost any kind of data:

<a href="#" id="user-link-1" class="username:matt email:[email protected]">Matt</a>

You can retrieve the class of the link above and split the 'class' attribute up to retrieve your data.

Some other tags and attributes I've seen used for custom data: <script> tags with a non-JavaScript 'type' value, hidden input values, the 'title' attribute on various tags.

You have a couple of other options if you don't mind changing from HTML 4:

use HTML 5, which supports custom attributes that start with 'data-'
use XHTML, which support custom tags and attributes via an XML namespace.

You can also add custom attributes to your HTML document at runtime via JavaScript. For example:

var body = document.getElementsByTagName("body")[0];
body["my-attribute"] = "Hello, world!";
alert(body["my-attribute"]);

This can be helpful if your information is dynamic and doesn't need to be stored in the markup at all.

回复收藏 0 原文

阳光①夏 2024-08-19 13:51:35

使用这些属性将产生无效文档。

稍后使用 Javascript 添加这些属性将生成无效文档（即使 W3C 验证器无法告诉您这一点）。

但 W3C 从未反对使用专有扩展。验证不应成为一项要求。这是一种在您不符合规范时告诉您的方法。 W3C 不会仅仅因为无效页面而向 FBI 发送信息。

如果您依靠专有扩展来为访问者提供更好的体验（但不依赖它），那么您就走在了正确的道路上:-) 只是祈祷（或贡献）那些在下一个规范中的内容。

现在，如果它是为了阻止浏览器上下文菜单或选择，那就太粗鲁了！不要这样做！

回复收藏 0 原文

就此别过 2024-08-19 13:51:35

不，您必须更改文档类型。

<!DOCTYPE HTML>

该文档类型将允许您使用自己的属性。这是关于此事的一篇好文章

No, you would have to change the doctype.

<!DOCTYPE HTML>

That doctype will allow you to use your own attributes. Heres a good article on the matter

回复收藏 0 原文

空城仅有旧梦在 2024-08-19 13:51:35

不，不是。在仍然符合语言的情况下，没有余地向该语言添加内容。

回复收藏 0 原文

很酷又爱笑 2024-08-19 13:51:35

我过去做过的一件事就是只使用“数据”，它通常用于幻灯片等。但是以与“样式”属性中相同的方式写出您需要的数据。

<div class="your_element" data="onselectstart:foo;oncontextmenu:bar;">
</div>

然后使用 jquery 来获取数据：

var onSelectStart = getData($(".your_element"), "onselectstart");

函数：

// 
function getData(elementObject, indexString)
{
    var dataElements = elementObject.attr("data").trim().split(";");
    var result = dataElements.some(function(entry) {
        dataArray = entry.trim().split(":");
        if(dataArray[0] == indexString)
        {
            found = dataArray[1].trim();
            return true; // return from "some"
        }
    });
    return result ? found : false;
}

无效并不是世界末日，正如其他几个人提到的那样。正如我所说，“数据”很常用，甚至在某些 IDE 中突出显示为有效。

One thing I've done in the past is just use "data", which is commonly used in slideshows etc. But write out the data you need the same way you would in the "style" attribute.

<div class="your_element" data="onselectstart:foo;oncontextmenu:bar;">
</div>

Then use jquery to grab the data:

var onSelectStart = getData($(".your_element"), "onselectstart");

The function:

// 
function getData(elementObject, indexString)
{
    var dataElements = elementObject.attr("data").trim().split(";");
    var result = dataElements.some(function(entry) {
        dataArray = entry.trim().split(":");
        if(dataArray[0] == indexString)
        {
            found = dataArray[1].trim();
            return true; // return from "some"
        }
    });
    return result ? found : false;
}

Not being valid isn't the end of the world as a couple of others have mentioned. Like I said, "data" is commonly used and it is even highlighted as valid in some IDEs.

回复收藏 0 原文

~没有更多了~