前端工程师面试涉及的知识点----HTML

一、HTML5新特性，语义化

新特性:

（1）简洁的DOCTYPE （2）简单易记的编码类型（3）脚本和链接无需type
（4）更加语义化的新增标签（5）视频和音频（6）表单增强
（7）canvas标签绘制2D图形

语义化：

什么是语义化？即通过标签判断内容语义

二、浏览器的标准模式和怪异模式

标准模式：
浏览器按照HTML和CSS标准对文档进行解析和渲染

怪异模式：
浏览器按照旧有的非标准的实现方式对文档进行解析和渲染

三、XHTML和HTML的区别

xhtml：可扩展超文本标记语言 html：超文本标记语言
html和xml结合，产生了xhtml。xhtml相当于html的严格模式
xhtml中有些强制的要求：
1.必须包含一个文件头声明

1	<!DOCTYPE>

2.所有元素名必须小写
3.所有空元素必须关闭
4.所有属性名必须小写
5.所有属性值必须加引号
6.所有布尔值属性必须加上属性值

四、使用data-的好处

所谓的data-实际上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。
使用data-*可以解决自定义属性混乱无管理的现状
好处：（1）自定义属性，可以被js很好的操作
（2）h5的新属性
（3）通过js的element.dataset或jQuery的data（）拿到，*可以为URL等字符
（4）框架的数据绑定，例如data-ng-if=”cs==1”

五、meta标签

meta标签用来描述一个HTML网页文档的属性，例如作者，日期和时间，网页描述，关键词，页面刷新等，
它提供的信息虽然用户不可见，但却是文档的最基本的元数据。

六、HTML废弃的标签

  废弃的：<b>     <i>     <u>     <s>

  替代的：<strong>   <em>   <ins>   <del>
``` 
### 七、css、js放置的位置和原因
css文件放在head中，将js文件放在body中，最好把js放在body的底部
  （与“浏览器的渲染机制”和“白屏现象”有关）
  
> 参考文章：
 >> [2018浅谈前端面试那些事](https://blog.csdn.net/VhWfR2u02Q/article/details/79765406)
> 如有侵权或表述不当请发送到邮箱

kexue666666@gmail.com
`