html是网页的结构骨架，必须包含根标签和可见内容容器，中内容不渲染，doctype声明确保标准模式解析，语义化标签（如）影响可访问性、seo与维护性。
HTML不是编程语言，它是网页的结构骨架——没有它，CSS和JavaScript就无处依附。
为什么写完代码浏览器里啥都没显示？
最常见原因是漏了 、 这类基础包裹标签，或者把内容写在了 里（ 中的内容默认不渲染到页面上）。
- 必须包含
根标签，否则浏览器可能降级为怪异模式（Quirks Mode），样式和行为不可控 -
是唯一能放可见内容的地方；<h1></h1>、<p></p>、<img>等都得在里面 - 别用中文文件名保存，比如
我的首页.html—— 某些系统或服务器会乱码，统一用index.html或about.html - 保存时务必选“所有文件”，编码选 UTF-8，后缀手动敲成
.html（记事本默认存成 .txt）
DOCTYPE html 是必须写的吗？
是的，而且必须放在第一行。它不是标签，是文档类型声明，告诉浏览器：“请用 HTML5 标准解析我”，否则老版本 IE 可能直接切进兼容模式，连 <section></section> 都不认识。
- 写成
就够了，大小写不敏感，但惯例全大写 - 不要写成
或加多余空格/换行，某些旧工具会误判 - 没这行，Chrome 开发者工具的 Elements 面板顶部可能显示 “(document).compatMode: BackCompat”
标题用 h1 还是 div？语义错位会带来什么后果？
用 <h1></h1>，不是 <div> 加 CSS 改成大号字体。这不是“能不能显示”的问题，而是“浏览器和搜索引擎怎么理解你”的问题。
<ul><li>
<code><h1></h1> 表示页面主标题，有隐含的层级和语义权重；<div> 是纯容器，无任何语义
<li>屏幕阅读器靠 <code><h1>–<h6></h6>
</h1> 跳读内容，盲人用户可能根本找不到你用 <div> 冒充的标题
<li>SEO（搜索引擎优化）会优先抓取 <code><h1></h1> 内容作为页面主题，乱用 <div> 等于放弃关键词曝光
<li>现代 HTML5 还有 <code><header></header>、<nav></nav>、<main></main> 等语义标签，比一堆 <div> 更干净、更可维护
<p>最容易被忽略的其实是字符集声明：<code><meta charset="UTF-8"> 必须放在 里靠前位置。漏掉它，中文、 emoji 或特殊符号在部分浏览器中会显示为小方块或问号——而且这个错误不会报错，只默默出错。
