1. src和href有什么区别？
我们通常看到
<script src="" />
<link rel="stylesheet" href=""> .
<img src=""/>
<a href="/>
等等...
二者究竟有什么区别呢？
src : 表示对外部资源的引用，它引入的内容则会在你所使用标签的位置进行展示。例如请求js脚本，如果浏览器在解析到该元素时，会暂停其他其它资源的下载和其它动作的处理，这时候就会出现页面阻塞问题，一般都是将js脚本放在页面的底部。
href: 可以看作是超文本的引用，一般用来指向一些网络资源，当浏览器识别到它所指向的文件的时候，会进行并行下载资源，这样则不会出现阻塞现象，因为不会停止来对当前文档进行处理
2.什么是HTML的语义化？
语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是可以通过看标签判断出做了什么事情
语义化有什么优点：
-
对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于SEO。除此之外，语义类还支持读屏软件，根据文章可以自动生成目录；
-
对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发与维护。
举一些常见的语义化标例子
<header></header> 头部
<nav></nav> 导航
<main></main> 主体、主要区域
<article></article> 文章、也可以用作编写内容区域
<footer></footer> 底部
多媒体相关：
<video></video> 视频
<audio></audio> 音频
svg 主要是用标签来绘制不规则矢量图的
canvas 主要是用笔刷来绘制 2D 图形的。
MDN 把所有标签都列在这里了
