树码科技 | 技术博客

学习目标 掌握 HTML 符号 的基本概念与使用方法 熟悉 命名实体 与 数字实体 的区别与选择原则 能够正确使用 版权、商标、货币、数学、音乐、性别 等常用符号 避免因符号误用导致的 HTML 解析错误或安全问题 提升网页内容的 专业性与国际化表现力 什么是 HTML

什么是语义化 语义化是指使用具有明确含义的 HTML 标签来描述内容的结构与目的，而非仅仅用于样式或布局。 语义化标签：<article>, <nav>, <header>, <footer> —— 明确表达“这是导航”、“这是文章” 非语义化标签：<div>, <span> —— 仅表示“一个块”

学习目标 掌握 <img> 标签的核心属性（src, alt, width, height 等） 理解绝对路径 vs 相对路径的使用场景 学会创建响应式图像（srcset + sizes） 实现可访问性友好的图像（alt 文本规范） 避免已废弃属性（如 border, align

学习目标 掌握 <a> 标签的核心属性（href, target, title 等） 理解不同链接类型：页面跳转、锚点、邮件、电话、文件下载 学会安全地使用 target="_blank"（防范 tabnabbing 攻击） 避免常见错误（如无效链接、无障碍问题） 提升用户体验与 SEO 友好性

学习目标 掌握 <p> 标签的核心作用与默认行为 理解 HTML 对空白字符（空格、换行）的处理规则 学会合理使用 <br> 和 <hr> 实现换行与分隔 避免常见错误（如嵌套段落、滥用对齐属性） 用 CSS 替代已废弃的 align 属性，实现现代样式控制 什么是 HTML 段落

学习目标 掌握 HTML 六级标题标签（<h1> 到 <h6>）的语义与用途 理解标题层级对内容结构、可访问性和搜索引擎优化（SEO） 的重要性 避免常见误用（如跳级、滥用标题做样式） 学会通过 CSS 合理自定义标题外观 什么是 HTML 标题 HTML 标题是用于定义网页内容层级结构的语义化标签

学习目标 理解 <!DOCTYPE> 的作用与本质 掌握 HTML5 DOCTYPE 的正确写法及其重要性 了解“标准模式”与“怪异模式（Quirks Mode）”的区别 避免因缺少 DOCTYPE 导致的布局与兼容性问题 熟悉不同 HTML/XHTML 版本的 DOCTYPE 声明方式 什么是 D

学习目标 理解 HTML 属性的基本语法与作用 掌握常见属性（如 src、alt、id、class、href、style 等）的使用场景 区分全局属性、事件属性、元素特定属性等类型 遵循 W3C 推荐的最佳实践编写规范、可维护的 HTML 代码 什么是 HTML 属性 HTML 属性是写在开始标签内

学习目标 理解 HTML 元素的基本构成与语法 掌握嵌套元素、空元素（自闭合元素）的概念与使用规范 区分块级元素（Block-level）与行内元素（Inline）的布局行为 养成编写语义化、结构清晰且符合最佳实践的 HTML 代码习惯 什么是 HTML 元素

学习目标 掌握 HTML 注释的基本语法和使用方法 理解单行注释、内联注释与多行注释的区别与应用场景 了解 HTML 注释在代码组织、协作开发和调试中的实际用途 学会通过快捷键快速添加注释以提高开发效率 什么是 HTML 注释 HTML 注释是写在 HTML 源代码中的说明性文字，不会被浏览器渲染显