HTML元元素提供了向HTML文档添加各种元数据的方法。
W3C 标记验证要求我删除页面上的尾部斜杠。 它是否正确？我的页面在所有浏览器中仍然兼容吗？ W3C 标记验证 要求我删除页面上的尾部斜杠。 这是正确的吗？我的页面在所有浏览器中仍然兼容吗？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="content-style-type" content="text/css" **/**> 这是正确的。对于 HTML 4.01，您不应该为 meta 元素添加尾部斜杠（自闭合标签），如果我没记错的话，我相信 <link> 元素。 xhtml 但需要尾部斜杠。 XHTML 是带有 HTML 语法的 XML。在 XML 中，所有标签都必须闭合。某些 HTML 标签没有结束标签，因此在 XHTML 中它们需要自闭合。这是通过在 / 前面放置 > 来实现的。 因此，必须更改带有 /> 的任何标签，以删除正斜杠以符合 HTML。 这些并不是两种规格之间的唯一区别。 问题的答案是肯定的，你应该去掉多余的固相线。 （如果您愿意，也可以称为尾部斜杠）。 HTML5 也是如此。 HTML 不需要在结束 > 字符之前使用斜杠（又名“自闭合”标签，也是用词不当），例如 <link />、<meta />、<br />、<hr /> 等，以及由于多种原因，不鼓励这种使用，如所提供的超链接的目标中所讨论的。注意：最好始终参考官方 W3C 或 WHATWG 资源中的 HTML 规范。 （例如 https://html.spec.whatwg.org/multipage/#toc-semantics ） 有关历史的更多信息，请参见： https://www.cnet.com/culture/forming-pains-afflict-html5-standardization/ 尾部斜杠是为了促进 XHTML 中的 XML“兼容性”，并且通常仅在使用 XHTML 严格文档类型时用户代理才会考虑。 （例如 Transitional 只是将其解析为 HTML） 该语法仍然广泛使用错误（例如，据称 WordPress 是 2023 年网络上最流行的内容管理系统。查看大多数 WP 网站的源代码，您会发现它在 HTML 中使用了不正确的语法。但是，值得注意的是，代码格式化应用程序 Prettier 至少有部分责任） 这里有一个用例。 <meta> 标签不得有尾部斜杠。 我有 5 个不同的网站，想将它们从搜索引擎结果中删除。 我设置了元标签 <meta name="robots" content="noindex"> 结果，其中 4 个从 Bing 和 Google 搜索结果中完全消失了。但是，仍然只出现一页。 我终于找到原因了。 唯一仍然出现的页面在元标记中有尾部斜杠，其他 4 个页面没有。
我想在我的项目中添加流派元数据，但是当我在元数据中使用其他元数据来创建我的导出 html 时，我得到以下标签 meta name="类型" content="商品价格"/> 但我错了
我想做的是获取某个元标记。 寻找类似的东西： var meta = document.getElementsByTagName('...
Shopify /collections/ 元标题和描述在分页页面缺少页码
我需要将页码添加到我的/collections/元标题和描述中 - 对于分页页面。我怎样才能通过代码实现它？ 例如：第一页的标题将类似于“我们的标题”...
如何同时插入Facebook和WhatsApp的网站预览图像？
我知道如何在 HTML 的 head 中使用 Open Graph 元标记。例子： 我知道如何在 HTML 头部使用 Open Graph 元标记。示例： <meta property="og:type" content="website"> <meta property="og:url" content="https://sitename.com/"> <meta property="og:title" content="My blog"/> <meta property="og:description" content="Tutorial..."/> <meta property="og:image:secure_url" content="https://sitename.com/img/tutorial.png"/> 但是，如果某种类型的预览图像适合 WhatsApp，那么它就不适合 Facebook！那么应该如何同时为不同平台设置meta标签呢？ 您可以指定两个（或更多）Open Graph 图像，第一个是 FB 的矩形图像，第二个是 WhatsApp 的方形图像。 <meta property="og:type" content="website"> <meta property="og:url" content="https://sitename.com/"> <meta property="og:title" content="My blog"/> <meta property="og:description" content="Tutorial..."/> <meta property="og:image" content="https://sitename.com/img/tutorial_1200-600.png"/> <meta property="og:image:width" content="1200"/> <meta property="og:image:height" content="630"/> <meta property="og:image" content="https://sitename.com/img/tutorial_400-400.png"/> <meta property="og:image:width" content="400"/> <meta property="og:image:height" content="400"/> WhatsApp 使用最后一张图片。
当我分享 Google 地图上某个位置的链接时，该链接会附带该位置的预览图像，如下所示： 据我所知，您可以将预览图像作为标签放在 webp 的部分中...
我已经在我的网络应用程序中成功实现了 Flutter meta_seo，并且我可以使用 HTML Inspect 看到 og 标签，但不能在查看页面源代码上看到。 问题是，当我使用 og 标签预览工具时，例如...
如何清除 Whatsapp 上 URL 的片段元数据/开放图缓存？
我使用 WordPress 创建了一个新网站，但在完全设置之前我在 Whatsapp 上共享了链接。 Whatsapp 上显示的片段在元数据中包含主题名称和作者信息
直到今天我还不知道在whatsapp上分享链接时如何显示图像。 我有这个网站： https://vivepuravida.com/propiedad/casa-escazu-41-apartamento-115k/ 你可以检查我在
Html 错误：拒绝加载脚本，因为它违反了以下内容安全策略指令
很棒的字体未加载，请帮忙。我需要使用很棒的字体图标，但出现此错误。 拒绝加载脚本“https://use.fontawesome.com/a780df76b3.js”，因为它违反了
（iOS）viewport-fit=cover 元标签与导航栏的配合不完美
我正在制作一个使用 AFrame 的 iOS 应用程序，AFrame 是一个基于 Web 的 3D 图形库。当我加载包含aframe场景的网页时，我发现网页视图没有全屏。
在 Whatsapp 中共享链接的最佳 og:图像大小是多少（图像渲染速度慢）
找到在 Facebook 上共享链接的最佳尺寸似乎很容易。我有一个可以分享到 Facebook 的应用程序，并且图像显示得非常完美。我在 Whatsapp 上使用相同的尺寸，但是发生了什么......
我的网站缩略图在 WhatsApp 上不显示，而在 Facebook 上则完全没问题；我已经添加了 OG 元标记。这是我的代码： 我的网站缩略图在 WhatsApp 上不显示，而在 Facebook 上则完全没问题；我已经添加了 OG 元标记。这是我的代码： <head> <meta property="og:url"content="http://www.mywebsite.com"/> <meta property="og:type"content="article"/> <meta property="og:title"content="text text text !!"/> <meta property="og:description"content="text about my webiste."/> <meta property="og:image"content="http://www.website.com/images/logo.png"/> <meta property="og:image:width" content="600"/> <meta property="og:image:height" content="314"/> </head> 所以问题主要在于图像大小，因为未显示的图像是 1920 x 1080，而 Whatsapp 显然不会处理 og:image 这么大的图像。我将其大小调整为 600 x 600，效果非常好。
拒绝构建“https://www.youtube.com/”，因为它违反了以下内容安全策略指令：“frame-src 'X'
我正在尝试使用 iframe 在我的网站中嵌入 YouTube 视频，在我决定开始使用 SSL 证书之前它工作得很好，然后这些 CSP 错误开始出现。 我是...
Google 搜索似乎错误地显示了我网站的 OpenGraph 元标签。我正在使用 Next.js (Pages) + Next-SEO（因为使用 几乎会在子应用程序上重复来自 _app 的 OpenGraph 标签...
来自 Open Graph 的预览未出现在 Telegram 主页中
我遇到了一个问题，即 Open Graph 的预览未出现在我网站主页的 Telegram 中，但出现在任何其他页面上。例如： https://andrei-psyhelp.ru/ -
动态随机数：在 .htaccess 内容安全策略 (CSP) 和 PHP 中使用动态随机数时出错
我知道这个问题已经被问过无数次了，但我似乎找不到解决我的问题的方法。 问题：我无法使用 Content-Security-Policy nonce 并生成错误。 错误通过
我从 Laravel API 获取数据，我想显示动态元标题和描述，但是当我在检查元素中设置动态数据时，它显示动态值，但未在页面源代码中更新，并且还...
在使用 nuxt-property-decorator 的 nuxtjs 中添加动态元标记时遇到问题
我尝试使用 nuxt-property-decorator 在 nuxtjs 中添加元标签，但只添加了标题标签，但没有添加其他元标签 我也使用了 vue-meta 包，但我也失败了