禁用 javascript 时是否在 noscript 中使用部分 HTML 注释来隐藏内容，保证在任何地方都有效？答案

【问题标题】：Is using partial HTML comment in noscript to hide content when javascript is disable, guarantee to work everywhere?禁用 javascript 时是否在 noscript 中使用部分 HTML 注释来隐藏内容，保证在任何地方都有效？
【发布时间】：2023-02-10 16:51:19
【问题描述】：

我希望我的网站可以在 lynx 等基于文本的浏览器上运行

HTML 中有一些无用的部分，例如个人资料照片

我尝试了这里最受好评的解决方案 Is there a HTML opposite to <noscript>?

这是

<head>
    <noscript><style> .jsonly { display: none } </style></noscript>
</head>

然而 Lynx 并没有隐藏它

我发现有用的是这样做

<body>
    <noscript> <!--  </noscript>
         <img src="foobar.png">
    <noscript> -->  </noscript>
</body>

这有效并且它似乎适用于我测试过的所有浏览器，即当禁用 javascript 时图像被隐藏，否则显示。

但是我想知道它是否是 HTML5 解析器中记录的行为，或者它是否只是每个人都以相同方式实现的边缘情况？

【问题讨论】：

标签： html noscript lynx

【解决方案1】：

它保证在每个遵守 HTML parsing 规则的用户代理中工作，是的。

如果你准备好深入了解这台奇妙的机器......

假设 scripting flag 已启用，并且我们已经处理了 <body> 标签。

解析器在"in body" insertion mode，分词器在data state。
发出<noscript>标签[text-fragment link]，
我们输入generic raw text parsing algorithm。
从那里我们将分词器切换到RAWTEXT state然后去 "text" 插入模式。
分词器看到字符 < 并切换到 RAWTEXT less-than sign state。
它找到一个!字符并返回到RAWTEXT state，同时将这个字符发送给解析器，解析器只是inserts它。
它继续以相同的方式处理输入，直到找到下一个 < 字符。
这次它后面跟着/ 字符，因此输入了RAWTEXT end tag open state。
然后下一个序列是 ASCII alpha，它转到 RAWTEXT end tag name state。
它消耗所有noscript 并找到> 字符。
我们当前的结束标记 (</noscript>) 是 appropriate end tag token。
分词器切换回 data state 并发出当前结束标记。
解析器（仍处于"text" 插入模式）[text-fragment link] 越过当前节点并切换回“in body”插入模式。
从那里开始，它将正常处理其余部分，生成一个带有所有属性的<img> 自闭标签，直到它遇到下一个<noscript> 标签，并将其中的--> 字符作为文本推送。

如果 scripting flag 被禁用，

当遇到第一个<noscript>标签时，我们只是从中插入一个ordinary元素。
我们仍在"in body" insertion mode中，分词器仍在data state中。
< 字符将其引导至 tag open state。
! 一个到 markup declaration state。
以及接下来的两个--到comment state。
从那里直到下一个 --> 序列的所有内容都将成为注释令牌的一部分，该注释令牌将被发送到解析器并因此被视为文本。
解析器inserts the comment
然后获取结束</noscript> 标记并插入当前节点，其中包含注释。

【讨论】：