Javascript 哪个html元素用于根dom节点？_Javascript_Html_Reactjs

Javascript 哪个html元素用于根dom节点？

javascript html reactjs

Javascript 哪个html元素用于根dom节点？,javascript,html,reactjs,Javascript,Html,Reactjs,我想创建一个应用程序使用语义html。该应用程序将有页眉、导航、主区域、页脚和侧栏该应用程序使用react，因此有一个index.js和index.html。这就是react将元素渲染到根DOM节点的地方 index.js render(<App />, document.getElementById('root')) render（，document.getElementById（'root'）） index.html <!DOCTYPE html> <h

我想创建一个应用程序使用语义html。该应用程序将有页眉、导航、主区域、页脚和侧栏

该应用程序使用react，因此有一个index.js和index.html。这就是react将元素渲染到根DOM节点的地方

index.js

 render(<App />, document.getElementById('root'))

render（，document.getElementById（'root'））

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My Title</title>
  </head>
  <body>
    //<div id="root"></div>
    // <main id="root"></main>
    // <section id="root"></section>
  </body>
</html>


我的头衔
//
// 
//

我希望该应用程序能产生类似的效果：

<some root node>
    <header>
    <nav>
    <main>
    <aside>
    <footer>

因为React需要根节点，所以应该是什么元素类型（语义上最正确的是什么）？根节点位于index.html内，因此片段不能解决问题。我已经在index.html中注释了一些想法，它们是div、main和section。

这并没有什么区别，但是官方文档使用了一个

应该与内容的主要部分相关。如果您希望拥有导航、标题和/或侧边栏以及类似的内容，那么在应用程序中使用div并在页面的主要内容中使用

标记似乎更合适。

如果您愿意，您可以使用aldo uso

document.body

。如果你的页面中只有SPA，那么它就没有什么特别的相关性。

在他们的网站上，他们使用

s，所以我想说是这样。也许

@Unixmonkey main最好不包含重复的内容，如侧栏、导航等。。。我会坚持使用古旧的

作为根node@Turtlefight同意。非常感谢。回答得好！非常感谢。