HTML 是超文本标记语言 (HyperText Markup Language) 的缩写，通常用来构建网页。HTML 文档由一系列的元素组成，这些元素通过标签（tags）来定义和描述页面
DOCTYPE声明的作用解析
请详细说明HTML文档中<!DOCTYPE>声明的作用机制，包括如何影响浏览器的渲染模式选择，以及不同文档类型（如HTML5与HTML4）对页面解析规则的差异影响。
HTML文档head核心结构
请列举HTML文档中<head>标签必须包含的三个基础子元素，并说明每个元素的必要性。同时解释<meta charset>和<title>标签在SEO中的作用。
src与href属性差异对比
请从资源加载机制、应用场景和浏览器处理方式三个方面，对比HTML元素中src属性与href属性的核心区别，并举例说明两者的典型使用场景。
script标签加载策略
请绘制async与defer属性的执行时序图，说明两者在脚本下载、文档解析和脚本执行阶段的差异，并给出不同场景下的最佳实践建议。
HTML语义化实现原则
请通过具体示例说明语义化HTML的三大核心价值，并对比<div>与<article>、<b>与<strong>、<i>与<em> …
HTML元素分类标准
请根据W3C规范分类标准，列举至少5个块级元素、5个行内元素和3个空元素（void elements），并解释空元素在闭合语法上的特殊处理规则。
HTML5新特性全景解读
请从语义标签、多媒体支持、存储方案、图形渲染和API扩展五个维度，系统阐述HTML5相较于HTML4的核心改进，并重点说明Canvas与SVG的技术差异及应用场景。
响应式图像实现方案
请解析img标签的srcset属性和sizes属性的协同工作机制，并对比基于<picture>元素的art direction方案与分辨率切换方案的适用场景差异。
离线存储技术实现
请详述Application Cache的工作原理，包括manifest文件结构、资源更新流程和浏览器缓存策略，并说明Service Worker相比传统离线存储的技术优势。
iframe应用场景分析
请列举iframe在跨域通信、广告嵌入和微前端架构中的典型应用场景，并分析其可能导致的性能问题、安全风险及对应的优化解决方案。
表单元素关联技术
请通过代码示例演示label标签的两种关联方式（for/id隐式关联与显式包裹关联），并说明其在提升可访问性和移动端用户体验方面的具体表现。
meta标签功能解析
请分类说明viewport、http-equiv、og:type等meta标签的具体功能，并演示如何通过meta标签实现iOS WebApp全屏模式和Android状态栏样式定制。
语义化标签对比
请对比说明<h1>与<title>在页面结构中的层级关系，以及两者在搜索引擎结果展示和屏幕阅读器处理方式上的差异表现。