1.DOCTYPE告诉浏览器当前 HTML 文档遵循哪个版本的 HTML 规范让浏览器按对应标准解析页面避免进入怪异模式。写法!DOCTYPE html2.HTML 文档的基本结构!DOCTYPE htmlhtml langzh-CNheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title页面标题/title/headbody!-- 页面可见内容 --/body/html!DOCTYPE html指定解析规范html langzh-CN告诉搜索引擎和屏幕阅读器页面语言head存放元信息字符编码、视口设置、标题、引入 CSS/JSbody页面可见内容区3.HTML 语义化有什么好处语义化就是用有明确含义的标签描述内容比如用nav表示导航而不是div classnav。好处好维护代码结构一目了然团队协作效率高助 SEO搜索引擎能识别重点内容article、h1等提升排名无障碍屏幕阅读器能读出标签含义方便视障用户代码简洁少写冗余的 class 命名4.语义化标签标签用途header页面或区块的头部nav导航区域main页面核心内容区全页面只能有一个article独立完整的内容博客、新闻section逻辑分区文章章节、商品分区aside侧边辅助内容footer页面或区块的底部figurefigcaption图片/图表及其说明5.section和div有什么区别section表示有主题的逻辑分区通常应该带有标题h2-h6而div是无语义的通用容器仅用于布局或样式分组。