JavaScript必需内容和备用内容

内联CSS隐藏了需要JavaScript的区域，然后在加载了一小段JavaScript后显示了该区域。 在此之下，noscript标记用于回退内容。 因此，根据是否启用JavaScript，仅需要这些内容中的一个或另一个。

<!-- JavaScript-Required Content -->
<div id="photoslider" style="display:none">Javascript photoslider</div>
<script>document.getElementById('photoslider').style.display='';</script>
<!-- END JavaScript-Required Content -->

<!-- Fallback Content -->
<noscript><div id="photo">Alternative static photo as content when javascript is turned off</div></noscript>
<!-- END Fallback Content -->

翻译自: https://css-tricks.com/snippets/javascript/fallback-content/