gpt4 book ai didi

html - 有条件地包含 HTML <meta> 元素

转载 作者:搜寻专家 更新时间:2023-10-31 22:22:40 24 4
gpt4 key购买 nike

首先,我进行了一些 Google 搜索,发现 IE 的“条件注释”并了解它是非标准的。我也觉得没有标准的 HTML“IF”,所以我的问题是我需要做什么才能达到同样的效果(也许是 Javascript?)...

我想有条件地包含一个外部 .html 文件(来自外部 .html 文件的选择)。具体来说,每个外部文件只包含一个 <meta>。单行上的元素。或者是否可以有多个内联 <meta> HTML 文件中的元素并有条件地“选择”一个元素(有效地忽略其他元素)?

基本上,我可以做一些与这些伪代码示例之一相同的事情吗?

对外部文件使用伪代码的示例...

<html>
<head>
if some-condition
<!--#include file="meta1.html" -->
else
<!--#include file="meta2.html" -->
...
</head>
...
</html>

直接选择替代元素的替代示例(同样是伪代码)...

<html>
<head>
if some-condition
<meta name="viewport" content="abc" />
else
<meta name="viewport" content="def" />
...
</head>
...
</html>

注意:在所有情况下 <meta name属性将始终为 viewport - 这只是 content可能需要与其他一些属性一起更改的属性。

编辑:主要条件是客户的类型。一个示例是,为了帮助在 Android 设备上正确调整 Web 应用程序页面的大小,您可以使用某些 content viewport 的数据只有 Android 设备才能理解。对于传统浏览器,我会为 content 设置一组默认数据。 (例如宽度/高度)。这也可以扩展到其他客户端,例如 Google TV、iOS 等。

最佳答案

使用 Javascript:

document.head.insertAdjacentHTML( 'beforeEnd', '<meta name="viewport" content="abc" />' );

演示:http://jsfiddle.net/ThinkingStiff/ccX5p/

关于html - 有条件地包含 HTML &lt;meta&gt; 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8676014/

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