一眼判断用HTML4还是HTML5看<!DOCTYPE>声明：HTML4声明冗长带URL，HTML5仅<!DOCTYPE html>；语义化标签如<header>提供可验证上下文信号，提升内容权重识别准确度。
HTML5 明显更利于 SEO，搜索引擎能更准确理解页面结构和内容权重；HTML4 不会直接导致降权，但长期会拖慢优化效率、增加维护成本。
怎么一眼判断页面用的是 HTML4 还是 HTML5？看 <!DOCTYPE> 声明
这是最快速、最可靠的识别方式。浏览器和爬虫都优先读取这一行来决定解析模式：
- HTML4/XHTML 声明冗长且带 URL 引用，例如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML5 声明极简，仅
<!DOCTYPE html>，大小写不敏感，无 URL、无版本号、无引号 - 如果声明是
<!DOCTYPE html>，但页面里全是<div id="header">这类写法，说明只是“伪 HTML5”——文档类型升级了，语义没跟上，SEO 收益打折扣
为什么 <header> 比 <div class="header"> 更受搜索引擎青睐？
不是因为标签名本身有“加成”，而是因为语义化标签提供了**可验证的上下文信号**。爬虫不靠 class 名猜意图（class="main" 可能是广告位），但会信任标准语义标签的用途约定：
-
<article>内容默认被视为主流正文，关键词权重更高 -
<nav>区域的链接会被弱化处理（避免被误判为内容堆砌） -
<footer>中的版权信息、联系方式等通常不参与主体排名计算 - 多个
<section>嵌套时，爬虫会尝试建立层级关系，辅助理解内容主次
注意：滥用语义标签（比如把广告栏写成 <article>）可能触发质量评估机制，反而不利。
立即学习“前端免费学习笔记（深入）”；
多媒体和表单写法差异，如何影响 SEO 渲染与索引？
HTML4 依赖插件或 JS 加载音视频，搜索引擎几乎无法提取其中文本内容；HTML5 的原生标签让内容可被直接解析：
-
<video>标签内嵌<track kind="subtitles">，字幕文本可被爬虫抓取并关联到视频主题 -
<audio>配合title和描述性alt（虽非强制，但建议加）提升音频页的可索引性 -
<input type="email">或<input type="date">能帮助爬虫识别页面功能属性（如“预约表单”“注册页”），间接强化页面意图判断 - 若仍用 HTML4 方式写
<object>或 JS 动态注入视频，即使页面有标题和文字说明，视频本身也大概率不被计入内容丰富度评分
真正容易被忽略的点是：SEO 收益不来自单个标签，而来自整套语义一致性。一个用了 <header> 却没用 <main>、混用 <div role="navigation"> 和 <nav> 的页面，会让爬虫困惑——它不确定你是想表达结构，还是只是换了个 class 名。这种不一致比完全不用语义标签更伤。
