開啟 Drupal 的新後台,發現顯示大面積空白
#。本來以為是 CSS 的問題,後來折騰好久才發現是我之前因為某些站的安全問題把瀏覽器的 Javascript 給禁用了。 Javascript 的日益強大使我們的網頁豐富多彩,互動越來越強大,功能越來越炫。但是有的網頁效果完全依賴Javascript 來實現,一旦離開了Javascript 的支持,可能連基本的內容都顯示不完全,這時候,我們老當益壯的noscript標籤就該出場了
noscript標籤是一個相當古老的標籤,其被引入的最初目的是幫助老舊瀏覽器的平滑升級更替,因為早期的瀏覽器並不能支援JavaScript。 noscript 標籤會在不支援JavaScript 的瀏覽器中顯示替代的內容。這個元素可以包含任何 HTML 元素。這個標籤的用法也非常簡單:
<noscript> <p>本页面需要浏览器支持(启用)JavaScript</p></noscript>
不過到了現在,瀏覽器不支援 Javascript 的事情應該已經不會出現了,但使用者也可能因為各種原因而停用了 Javascript。如節省流量,延長電池使用時間,或不希望自己的隱私被各類統計/追蹤腳本洩露
。也有相當一部分用戶安裝了類似NoScript的瀏覽器擴充功能來禁止瀏覽器執行 Javascript。
網站雖然無法強制使用者啟用瀏覽器的 Javascript,但可以提示使用者的瀏覽器已經停用腳本,來達到更好的使用者體驗。例如Fackbook 這樣的提示:
noscript 標籤中的元素中的內容只有在下列情況下才會顯示出來:
瀏覽器不支援腳本
瀏覽器支援腳本,但腳本被停用
符合上述任何條件,瀏覽器都會顯示noscript 中的內容。而在除此之外的其他情況下,瀏覽器不會呈現 noscript 中的內容。
使用 noscript 標籤只能給網站使用者傳達一個訊息,即如果不啟用 Javascript,網頁內容和效果可能無法完全被呈現。但如果有些使用者不懂得如何開啟 Javascript的話,這樣的提示訊息對他也並沒有什麼實際的幫助。所以我們還是應該在網站設計之初多多考慮在沒有Javascript(或HTML5,或其他依賴)的支援的情況下,如何使這樣的非常規狀況盡可能少的影響到用戶的瀏覽體驗。
以上是html noscript標籤一個被忽略的重要標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!