验证错误，noscript 错误答案

【问题标题】：Validation error, noscript error验证错误，noscript 错误
【发布时间】：2013-02-17 15:00:32
【问题描述】：

如果 ActiveX 关闭，我想显示一些文本而不是通常的文本

它的工作，但如何使它通过验证（（（卡住

第 389 行，第 25 列：在此上下文中，元素样式不允许作为元素 noscript 的子元素。（抑制来自该子树的更多错误。）

  <style type="text/css">messageJS { display:none; }</style>

可以使用元素样式的上下文：如果没有作用域属性：需要元数据内容的地方。如果 scoped 属性不存在：在作为 head 元素的子元素的 noscript 元素中。如果存在 scoped 属性：需要流内容，但在除元素间空白之外的任何其他流内容之前，而不是作为内容模型透明的元素的子元素。元素 noscript 的内容模型：禁用脚本时，在 head 元素中：以任意顺序，零个或多个链接元素，零个或多个样式元素，以及零个或多个元元素。禁用脚本时，不在 head 元素中：透明，但不得有 noscript 元素后代。否则：符合散文中要求的文本。

代码--------------

 <noscript>
  <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="accessebility.html"> Accessibility </a></div>
  <style type="text/css">
    #accessButt { display:none; }
  </style>
  </noscript>

  <div id="accessButt">
  <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="#accessebility">Accessibility </a></div>
  </div>

【问题讨论】：

标签： html styles noscript

【解决方案1】：

反过来逻辑：默认隐藏元素并使用 JavaScript 显示它。

<style type="text/css">
    #accessButt { display:none; }
</style>

<noscript>
    <div class="conB" style="margin-left: 3px;"><a class="fancybox" href="accessebility.html"> Accessibility </a></div>
</noscript>

<div id="accessButt">
<div class="conB" style="margin-left: 3px;"><a class="fancybox" href="#accessebility">Accessibility </a></div>
</div>

<script>
    document.getElementById( 'accessButt' ).style.display = 'block';
</script>

【讨论】：