前端面试题整理--HTML篇

html：

HTML5新特性，语义化：

新特性很多，主要是语义化的标签如

使得文档更容易理解，
有助于seo优化

浏览器的标准（严格）模式和怪异（混杂）模式：

在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，
并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存
在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，
如果缺失就会采用怪异模式。
而怪异模式（混杂模式)主要是在css的盒子模型中是ie盒子模型，标准模式是w3c的标准盒子模型；

xhtml和html的区别：

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，看起来与HTML有些相象，只有一些
小的但重要的区别，XHTML就是一个扮演着类似HTML的角色的XML，所以，本质上说，XHTML是一个过渡技术，
结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
XHTML 标签名必须用小写字母。
XHTML 文档必须拥有根元素。

使用data-的好处：

HTML5规范里增加了一个自定义data属性.
为前端开发者提供自定义的属性，这些属性集
可以通过对象的dataset属性获取，不支持该属性的浏览器可以通过 getAttribute方法获取
有了属性就可以方便的对他进行改变

meta标签：

元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
必需的属性是：content；
可选的属性是：name表示了名称，比如keyword之类的，有利于seo，可以定义网站的关键字
http-equiv，当没有那么属性时，默认为http-equiv，他表示服务器将把名称/值对添加
到发送给浏览器的内容头部，比如http-equiv=‘charset’ content=‘iso-8859-1’；
则这一段会添加在http，res的头部；
 

canvas：

h5用于绘图的画布，一般用js来控制画布，是一个图形容器；

顺便复习复习SVG：

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用于定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
SVG 是万维网联盟的标准

HTML废弃的标签：

没有语义的标签，都是应该废弃的，因为css关注样式，而html应该关注语意；
具体分为以下几个方面：
表现性元素：
basefont
big
center
font
s
strike
tt
u
框架类元素：
frame
frameset
noframes
属性类：
align
body标签上的link、vlink、alink、text属性
bgcolor
height和width
iframe元素上的scrolling属性
valign
hspace和vspace
table标签上的cellpadding、cellspacing和border属性
header标签上的profile属性
链接标签a上的target属性
img和iframe元素的longdesc属性
其他：
abbr取代acronym（用于表示缩写）
object取代了applet

IE6 bug，和一些定位写法：

emmmm，关于这个问题，我不清楚现在是否真的还要去考虑ie6的兼容性，再说啦

css js放置位置和原因：

cript标签最好放在标签的前面，因为放在所有body中的标签后面就不会
出现网页加载时出现空白的情况，可以持续的给用户提供视觉反馈，同时在有些
情况下，会降低错误的发生。而css标签应该放在标签之间，因为如果
放在标签的前面，那么当DOM树构建完成了，渲染树才构建，那么当渲染树构建
完成，浏览器不得不再重新渲染整个页面，这样造成了资源的浪费。效率也不高。如果放
在之间，浏览器边构建边渲染，效率要高的多。

什么是渐进式渲染：

html模板语言：

上面的这两个问题，我觉得我还需要多思考思考，不然百度的东西都不太懂（逃。。。）

meta viewport原理-

在移动浏览器中可使用viewport元标签控制布局，

一般有这些属性，name名称，内容为适应屏幕大小的宽，起始比例和缩放的最大比例；
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，
通常这个虚拟的“窗口”（viewport）比屏幕宽，
这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），
用户可以通过平移和缩放来看网页的不同部分。