HTML的＜noscript＞标签有什么作用？

最新推荐文章于 2024-09-30 10:02:22 发布

LaoYe - IT

最新推荐文章于 2024-09-30 10:02:22 发布

阅读量1.9k

点赞数 1

分类专栏：前端文章标签： html noscript

本文链接：https://blog.csdn.net/Rao_Limon/article/details/117788553

版权

前端专栏收录该内容

73 篇文章 3 订阅

订阅专栏

今天准备学习搭建 React 脚手架的时候，再次遇到了<noscript>标签。这个标签很久之前遇到的了，如今再次碰到那就要好好的了解这个标签。

<noscript>一个相当古老的标签，早期的浏览器并不支持 JavaScript，为了帮助老旧的浏览器平滑地升级更替，于是引入了该标签在不支持JavaScript 的浏览器中显示替代的内容。

虽然现代浏览器都支持 JavaScript，但是用户也可以通过浏览器的设置禁用掉 JavaScript，此时我们可以使用该标签提示用户，来达到更好的用户体验。

<noscript>
  <div
    style="
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      display: flex;
      position: fixed;
      align-items: center;
      justify-content: center;
      background-color: white;
    "
  >
    <h3>You need to enable JavaScript to run this app.</h3>
  </div>
</noscript>