React中可直接使用等HTML5语义标签，因其编译为React.createElement()且浏览器原生支持；需注意大小写区分（是标签，是组件）、自闭合标签斜杠、IE兼容性及用Fragment替代无意义div包装。
React中直接写
JSX本质是语法糖，最终编译为 常见误区是以为必须用 React区分大小写： 如果写了 立即学习“前端免费学习笔记（深入）”； HTML5结构标签在IE8–IE10中不被识别为块级元素，会导致样式失效（比如 现代项目基本已放弃IE支持，但如果必须兼容，有两种方式： 很多人为了满足JSX单根节点要求，习惯性用 正确做法是用 Fragment不会出现在最终DOM中，既满足JSX语法约束，又保持HTML5结构纯净。注意：带 真正容易被忽略的是：当组件返回多个并列的HTML5标签时，开发者第一反应仍是套一层React.createElement()调用，只要浏览器支持的原生HTML标签，React都允许直接使用。不需要额外引入、不需要加react-前缀，也不需要包裹在
、、、、、全部可直接书写aria-label、role、tabIndex（不是tabindex）JSX里
Element type is invalid错误；如果本意就是HTML语义标签，却写成大写，就会意外触发组件查找逻辑。
、
function Header() { ... }，再用IE11及更老浏览器需要
document.createElement补丁默认显示为行内元素）。React本身不处理这个兼容问题，需手动修复。
document.createElement('header')等语句（通常放在index.html的里）html5shiv脚本（仅对传统HTML有效，对React动态渲染的节点作用有限）header, nav, main, section, article, aside, footer { display: block; }
用
React.Fragment替代无意义的，但这会污染DOM结构、干扰CSS选择器（如body > div）和屏幕阅读器导航。
React.Fragment（或简写>）作为容器：function Layout() {
return (
<>
key属性时必须用完整写法
