能否在meta标签中使用自定义名称-内容对,供JS动态渲染目录时获取信息?
能否在meta标签中使用自定义名称-内容对?
当然可以。HTML规范允许开发者使用自定义的<meta>标签名称-内容对,你给出的代码完全合法:
<meta name="partofseries" content="yes"> <meta name="whichpart" content="1">
这种自定义meta标签常用于存储页面的自定义元数据,正好适合你提到的场景——用JavaScript动态渲染目录时,获取文档所属系列的相关信息。
获取自定义meta标签内容的示例代码
你可以通过以下JavaScript代码读取这些元数据:
// 获取该文档是否属于系列内容的标识 const isPartOfSeries = document.querySelector('meta[name="partofseries"]').content; // 获取该文档在系列中的序号 const seriesPart = document.querySelector('meta[name="whichpart"]').content; // 根据获取到的值处理目录渲染逻辑 if (isPartOfSeries === 'yes') { console.log(`该文档是系列内容的第${seriesPart}部分`); // 此处编写动态渲染目录的具体代码 }
需要注意的是,自定义meta标签的name属性值尽量不要和HTML标准中已定义的meta名称(比如description、keywords、viewport等)冲突,避免引发意外问题。
内容的提问来源于stack exchange,提问作者arb
相关产品推荐
相关产品推荐

