1. src 和 href 的区别

src 和 href 都是用来引用外部的资源，区别如下

• src：表示对资源的引用，指向的内容会嵌入到当前标签所在的位置。src 会将其指向的资源下载并应用到文档内，如请求 JavaScript 脚本，浏览器解析到该元素时，会暂停其它资源的下载和处理，直到将该资源加载、执行完毕，所以一般脚本会放在页面底部。
• href：表示超文本引用，指向一些网络资源，建立与当前元素或文档的链接关系。当浏览器识别到 href 指向的文件时，就会并行下载资源，不会停止对当前文档的处理，常用在 a、link 等标签上。

2 对 HTML 语义化的理解

HTML 语义化是指使用具有明确含义的标签来标记网页内容，从而使网页在没有 CSS 样式的情况下也能呈现出清晰的结构。

语义化的好处

1. 提升用户体验：语义化标签使得网页在没有 CSS 样式的情况下也能很好地呈现内容结构。
2. 有利于 SEO：语义化标签有助于搜索引擎更好地理解网页内容，从而提高网页的搜索排名。
3. 便于设备解析：语义化标签使得屏幕阅读器、盲人阅读器等设备能够更好地解析网页内容。
4. 便于开发和维护：语义化标签使 HTML 代码更具可读性，便于团队开发和维护。

常用的语义化标签

• header：表示网页或 section 的页眉，通常包含标题、导航、搜索框等内容。
• footer：表示网页或 section 的页脚，通常包含作者信息、版权声明等。
• nav：表示页面的导航链接区域。
• article：表示独立的内容块，通常包含标题和内容。
• section：表示文档中的节或段，通常带有标题。
• aside：表示与主要内容相关的附属信息，如作者简介、标签等。