gpt4 book ai didi

html - head 和 meta 标签中的数据属性

转载 作者:行者123 更新时间:2023-12-04 15:35:49 24 4
gpt4 key购买 nike

类似于this question ,我想动态改变和翻译一些head标签的值(titlemeta descriptionmeta keywords ...) 基于用户选择的语言。这是一个 node.js 应用程序,我在其中使用 Expressejs 来注入(inject)语言。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title data-translate-key="title">Translated title</title>
<meta name="description" data-translate-key="description" content="Translated description">
</head>
<body>
</body>
</html>

这是允许的吗?这是有效的 html 吗? This document在 w3docs.com 上说如下:

Allows private information to be exchanged between HTML and its DOM representation. It gives the ability to embed custom data attributes on all HTML elements.

我在官方 w3 validator 中运行了上面的片段并且没有显示任何错误。因此,我认为它是有效的 html。但是我找不到太多关于它的信息。

最佳答案

是的,它有效

MDN web docs 中所述:

The data-* global attributes form a class of attributes called custom data attributes, that allow proprietary information to be exchanged between the HTML and its DOM representation by scripts.

data-* 属性是全局属性,全局属性如MDN web docs所述:

Global attributes are attributes common to all HTML elements; they can be used on all elements, though they may have no effect on some elements.

可以应用于所有元素。

关于html - head 和 meta 标签中的数据属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59799116/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com