我有一个严重依赖 JavaScript 的网站。虽然大多数东西都可以很好地降级,但功能上确实是二等的。所以,我想提醒用户,如果他们禁用了 JS,他们应该打开它。为此,我使用 NOSCRIPT 在页面顶部显示一个带有警报的 div,类似于 Stack Overflow 的做法。
这个 div 覆盖了页面内容的顶部,所以我必须将文档正文向下移动。由于 JS 不可用,因此必须使用 CSS,我使用类似:margin-top: 8px
. 完整的 HTML 如下所示:
<noscript>
<style type="text/css">body { margin-top:8em; }</style>
<div class="warn">WARNING<br>Turn on JavaScript for best experience</div>
</noscript>
问题是:我在哪里放置这段代码?
我尝试在 HEAD 部分,在 BODY 部分,在 BODY 之后,但是无论它放在哪里,W3C HTML 标记验证器都会抱怨这里的文档类型不允许元素“STYLE”或文档类型不允许元素“BODY”在这里
我什至尝试将 CSS 和 DIV 分成两部分,并为每个部分找到合适的位置,但得到了相同的错误。