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>

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值