I've used the <noscript> tag to hide certain elements when javascript is not enabled; however, it doesn't seem to work.
My document declaration:
<!DOCTYPE html>
At the end of my file I typed the following:
<noscript>
<style type="text/css" scoped> #status {display:none;} </style>
</noscript>
</body>
</html>
But the #status div is still present even after disabling JS. Am I missing something here?
タグのscoped属性を削除します。CSSをタグstyleに厳密に適用させています。<noscript>
この属性が存在する場合、スタイルはその親要素にのみ適用されます。
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style#Attributes
ソリューションをより簡単に管理するには、要素をデフォルトで非表示にし、これを使用します。
<script>document.getElementById('status').style.display='block';</script>
(または同等のクラスベースのソリューション)
以下のコードのように、scopeの を削除してみてください。style
<noscript>
<style type="text/css"> #status {display:none;} </style>
</noscript>