第二章：HTML 基础
在这篇文档中，我们将探讨HTML语义化的概念，包括它的定义、优点和如何在实践中实现。探讨HTML5 新特性，针对常见的考点进行探讨和分析。
常见面试题：
1.什么是 HTML？ HTML 的全称是什么？
HTML（Hypertext Markup Language，又叫‘超文本标记语言’）是一种用于创建 Web 页面的标记语言，它描述了网页的结构和内容。
2.请解释 HTML 中的标签和元素之间的区别？
标记是 HTML 代码的构建块，它们用于描述文档的结构和内容。元素是标记的实例，由开始标记、结束标记和它们之间的内容组成。
3.什么是 HTML 语义化？
HTML 语义化是指在创建 HTML 页面时，使用正确的标记来正确地描述内容的含义和结构。简单来说，它是一种用正确的标记来表示正确的内容的做法。
3.1.HTML 语义化的优点？
- (1). 有助于 SEO
HTML语义化可以帮助搜索引擎更好地理解页面内容，从而提高页面排名，增加流量。
- (2). 提高可访问性
HTML 语义化可以帮助屏幕阅读器和其他辅助技术更好地理解页面内容，从而提高可访问性。
- (3). 提高代码可维护性
使用正确的标记来表示正确的内容可以使代码更加清晰和易于维护。
- (4). 提高代码的可读性
HTML 语义化可以使代码更加易于理解和阅读。
3.2.如何实现 HTML 语义化？
以下是一些实践中实现 HTML 语义化的方法：
- (1). 使用语义化标记
使用正确的标记来表示正确的内容可以帮助提高页面的语义性。
- (2). 避免使用无语义的标记
避免使用无语义的标记，如 div 和 span ，除非它们是必需的。
- (3). 使用标题标记
使用标题标记（h1-h6）来表示页面的标题结构。
- (4). 使用列表标记
使用列表标记（ul、ol）来表示列表的结构。
- (5). 使用表格标记
使用表格标记（table、th、tr、td）来表示表格的结构。
- (6). 使用段落标记
使用段落标记（p）来表示段落的结构。
- (7). 使用语义化的图片标记
使用语义化的图片标记（img）来表示图片的含义。
📢 update 同步更新
掘金专栏 | 知乎专栏 | Github | 简书专栏 | CSDN | segmentfault
如果这篇文章对你有帮助，请不要吝啬你手中的赞👍！你的鼓励将是我不断分享的动力！😄
