首頁 > web前端 > html教學 > html noscript標籤是什麼意思?關於noscript標籤的用法你了解多少?

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

寻∝梦
發布: 2019-11-23 10:34:44
原創
25394 人瀏覽過

讓我們一起看去吧

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:php;toolbar:false;'>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;zh-cn&quot; /&gt; &lt;/head&gt; &lt;body&gt; &lt;script type=&quot;text/javascript&quot;&gt; &lt;!--document.write(&quot;如果显示了这段文字,那么您的浏览器支持 JavaScript!&quot;)//--&gt;&lt;/script&gt; &lt;noscript&gt;No JavaScript support!&lt;/noscript&gt; &lt;p&gt;不支持 JavaScript 的浏览器将显示 noscript 元素中的文本。&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</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中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
在WordPress函數中使用if else條件語句
來自於 1970-01-01 08:00:00
0
0
0
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
java - C語言演算法題-韓信點兵 解法?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板