前端基础面试题（HTML、CSS）

1.语义化理解

1.语义化是正确的标签做正确的事

2.让⻚⾯的内容结构化，便于对浏览器、搜索引擎解析，利于 SEO；

3.容易阅读，便于理解和维护

2.常见行内元素、块级元素、空元素

⾏内元素有： a b span img input select strong

块级元素有：  div p ul ol li dl dt dd h1-h6

空元素： <br> <hr>

⾏内元素不可以设置宽⾼，不独占⼀⾏

块级元素可以设置宽⾼，独占⼀⾏

3.src与herf的区别

1. src ⽤于替换当前元素，source资源缩写  
在请求 src 资源时会将其指向的资源下载并应⽤到⽂档内
  
 <script src ="./js.js"></script> 

当浏览器解析到该元素时，会暂停其他资源的下载和处理，
直到将该资源加载、编译、执⾏完毕，图⽚和框架等元素
也如此，类似于将所指向资源嵌⼊当前标签内。
这也是为什么将js脚本放在底部⽽不是头部



2.href 是Hypertext Reference 的缩写
⽤于在当前⽂档和引⽤资源之间确⽴联系。

<link href="common.css" rel="stylesheet"/>

浏览器会识别该⽂档为 css ⽂
件，就会并⾏下载资源并且不会停⽌对当前⽂档的处理

4.html5有哪些新特性？