html noscript標籤是什麼意思？關於noscript標籤的用法你了解多少？-html教學-PHP中文網

html noscript標籤是什麼意思？關於noscript標籤的用法你了解多少？

寻∝梦

發布： 2019-11-23 10:34:44

原創

25238 人瀏覽過

讓我們一起看去吧html noscript標籤的定義與用法：noscript 元素用來定義在腳本未被執行時的替代內容（文字）。此標籤可被用於可識別 <script> 標籤但無法支援其中的腳本的瀏覽器。 </script>HTML

#JavaScript

<body>
  ...
  ...
  <script type="text/javascript">
    <!--
    document.write("Hello World!")
    //-->
  </script>
    <noscript>Your browser does not support JavaScript!</noscript>
  ...
  ...
</body>

登入後複製

VBScript

<body>
  ...
  ...
  <script type="text/vbscript">
   <!--
   document.write("Hello World!")
   &#39;-->
  </script>
  <noscript>Your browser does not support VBScript!</noscript>
  ...
  ...
</body>

登入後複製

html noscript標籤的含義和解釋：

#html noscript標籤是一個相當古老的標籤，其被引入的最初目的是幫助老舊瀏覽器的平滑升級更替，因為早期的瀏覽器並不能支援JavaScript。 noscript 標籤會在不支援JavaScript 的瀏覽器中顯示替代的內容。這個元素可以包含任何 HTML 元素。這個標籤的用法也非常簡單：

<noscript>
  <p>本页面需要浏览器支持（启用）JavaScript</p>
</noscript>

登入後複製

不過到了現在，瀏覽器不支援 Javascript 的事情應該已經不會出現了，但使用者也可能因為各種原因而停用了 Javascript。如節省流量，延長電池使用時間，或不希望自己的隱私被各類統計/追蹤腳本洩露。也有相當一部分用戶安裝了類似NoScript的瀏覽器擴充功能來禁止瀏覽器運行 Javascript。

網站雖然無法強制使用者啟用瀏覽器的 Javascript，但可以提示使用者的瀏覽器已經停用腳本，來達到更好的使用者體驗。

相關文章推薦：
1.html中script標籤與noscript標籤的差異
相關影片建議：
1.獨孤九賤(1)_HTML5影片教學

例如Fackbook 這樣的提示：

html noscript標籤是什麼意思？關於noscript標籤的用法你了解多少？

html noscript 標籤中的元素中的內容只會在下列情況下才會顯示出來：

瀏覽器不支援腳本
瀏覽器支援腳本，但腳本被停用

符合上述任何條件，瀏覽器都會顯示noscript 中的內容。而在除此之外的其他情況下，瀏覽器不會呈現 noscript 中的內容。

使用 noscript 標籤只能給網站使用者傳達一個訊息，即如果不啟用 Javascript，網頁內容和效果可能無法完全被呈現。但如果有些使用者不懂得如何開啟 Javascript的話，這樣的提示訊息對他也並沒有什麼實際的幫助。所以我們還是應該在網站設計之初多多考慮在沒有 Javascript(或 HTML5，或其他依賴)的支援的情況下，如何使這樣的非常規狀況盡可能少的影響到用戶的瀏覽體驗。

HTML中noscript的用法:

#noscript 元素用來定義在腳本未被執行時的替代內容（文字）。此標籤可用於可識別 <script> 元素用來定義在腳本未被執行時的替代內容（文字）。標籤但無法支援其中的腳本的瀏覽器。如果瀏覽器支援腳本，則不會顯示noscript 標籤的內容。 </p><p><strong>noscript標籤使用範例：</strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /> </head> <body> <script type="text/javascript"> </script> <noscript>No JavaScript support!</noscript> <p>不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。</p> </body> </html></pre><div class="contentsignin">登入後複製</div></div><p>提示與註解：</p> <p>註解：如果瀏覽器支援腳本，那麼它不會顯示出noscript 元素中的文字。 </p> <p>註解：無法辨識 <script> 標籤的瀏覽器會把標籤的內容顯示到頁面上。為了避免瀏覽器這樣做，您應該在註釋標籤中隱藏腳本。老式的（無法辨識<script> 標籤的）瀏覽器會忽略註釋，這樣就不會把標籤的內容寫到頁面上，而新式的瀏覽器則懂得執行這些腳本，即使它們被包圍在註釋標籤中！ </script>

【小編的相關文章】

html col標籤是什麼意思？ html col標籤的使用實例介紹

#html5 table標籤的樣式介紹（另附html5 table css居中的實例）
##

以上是html noscript標籤是什麼意思？關於noscript標籤的用法你了解多少？的詳細內容。更多資訊請關注PHP中文網其他相關文章！