HTML的<noscript>标签有什么作用?

今天准备学习搭建 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>
经验分享 程序员 微信小程序 职场和发展