为什么在React中有一个<noscript>标签?

时间:2018-09-05 13:40:19

标签: javascript reactjs

我是新来的反应者,并且正在运行一个简单的应用程序(以下教程位于 https:// reactjs。 org / tutorial / tutorial.html 并为我自己的项目修改代码。

我看到了

  
 

在我的HTML中,不确定是否破坏了某些内容或原因。感谢您的帮助,如有必要,我可以提供代码示例,但我不知道noscript的来源

5 个答案:

答案 0 :(得分:6)

这是因为React是一个Javascript库,并且根据w3schools noscript tag definition

  

如果脚本,将显示<noscript>元素内的内容   不支持或在用户浏览器中被禁用。

     

该元素可以在<head><body>中使用。

     

<head>元素内使用时:<noscript>仅包含   <link><style><meta>元素。

答案 1 :(得分:4)

<noscript></noscript>标记中的所有内容仅在禁用JavaScript或浏览器不支持JavaScript时才会呈现。

定义和用法:

  • <noscript>标记为在浏览器中禁用了脚本或具有不支持脚本的浏览器的用户定义了替代内容。
  • <noscript>元素可以在<head><body>中使用。
  • <head>元素内使用时:<noscript>必须仅包含<link><style><meta>元素。
  • 如果不支持脚本或在用户的浏览器中将其禁用,则会显示<noscript>元素内的内容。

浏览器支持:

每个浏览器。

HTML 4.01和HTML5之间的区别:

  • 在HTML 4.01中,<noscript>标签只能在元素内部使用。
  • 在HTML5中,<noscript>标签可以在<head><body>内部使用。

HTML和XHTML之间的区别:

  • 在XHTML中,不支持<noscript>标记。

参考:w3schools

答案 2 :(得分:1)

noscript标签就像一个语义标签,用于清楚地了解,当我们在当前环境中不存在JavaScript时,应该在浏览器中显示什么。屏幕上将显示noscript标签之间的所有内容。而且,您无需修改​​它。

答案 3 :(得分:-1)

如果用户已禁用浏览器中的JavaScript或不支持该JavaScript,则会显示标记内的消息。

答案 4 :(得分:-1)

我知道这个问题很旧,但是我认为答案没有得到解决。假设您有一个需要向用户导航和提供内容的应用程序,但可以动态地为那些使用JavaScript的用户加载内容。您可以创建一个服务器端react组件,该组件将在添加应用程序时呈现纯HTML格式,从而为具有JavaScript的用户提供更丰富的应用程序体验。