1.DOCTYPE有什么用

DOCTYPE是“document type”的缩写。它是 HTML 中用来区分标准模式和怪异模式的声明，用来告知浏览器使用标准模式渲染页面。

2.HTML5 的基本构件

语义 - 提供更准确地描述内容
连接 - 提供新的方式与服务器通信。
离线和存储 - 允许网页在本地存储数据并有效地离线运行。
多媒体 - 在 Open Web 中，视频和音频被视为一等公民（first-class citizens）
2D/3D 图形和特效 - 提供更多种演示选项。
性能和集成 - 提供更快的访问速度和性能更好的计算机硬件。
设备访问 - 允许使用各种输入、输出设备。
外观 - 可以开发丰富的主题。

3.标准模式与兼容模式区别

标准模式的排版和JS都是以浏览器支持的最高的标准运行

兼容模式页面以宽松向后兼容的方式显示，模仿老式浏览器，防止站点无法工作

4.行内元素有哪些？块级元素有哪些？空(void)元素有那些？

行内元素有：a b span img input select strong（强调的语气）
块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p
常见的空元素：br hr img input link meta

5.常见的浏览器内核

Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]
Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等
Presto内核：Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]
Webkit内核：Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支]

6.alt和title分别

alt是代替图片的文字，图片不能显示时会显示alt，title是鼠标指上去时的解释文字

7.div+css的布局较table布局有什么优点

改版的时候更方便只要改css文件。
页面加载速度更快、结构化清晰、页面显示简洁。
表现与结构相分离。
易于优化（seo）搜索引擎更友好，排名更容易靠前。

8.XHTML和HTML的区别

顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法；
html元素必须正确嵌套，不能乱；
属性必须是小写的；
属性值必须加引号；
标签必须有结束，单标签也应该用 “/” 来结束掉；

9.src与href的区别

href 是超文本引用，它是指向资源的位置，建立与目标文件的联系；src 目的是把资源下载到页面中

10.图片格式

png-8，png-24，jpeg，gif，svg

11.严格模式和混杂模式

严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。

混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。

12.iframe有哪些缺点

iframe是一种框架，也是一种很常见的网页嵌入方式

iframe的优点： 1.iframe能够原封不动的把嵌入的网页展现出来。 2.如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。 3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。 4.如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

iframe的缺点： 1.会产生很多页面，不容易管理。 2.iframe框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差。 3.代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化。 4.很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。 5.iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。现在基本上都是用Ajax来代替iframe，所以iframe已经渐渐的退出了前端开发。

13.div模拟textarea的实现

contenteditable="true"

14.meta viewport 是做什么用的

name="viewport" content="width=device-width, initial-scale=1, maximum-scale-1, minimum-scale=1"
with=device-width 将布局视窗（layout viewport）的宽度设置为设备屏幕分辨率的宽度
initial-scale=1 页面初始缩放比例为屏幕分辨率的宽度
maximum-scale=1 指定用户能够放大的最大比例
minimum-scale=1 指定用户能够缩小的最大比例

15. a标签中如何禁用href 跳转页面或定位链接

e.preventDefault(); href="javascript:void(0);

16.HTML5新特性

语义标签、增强型表单、视频和音频、Canvas绘图、SVG绘图、地理定位、拖放API、WebWorker、WebStorage、WebSocket

17.cookie，sessionStorage和localStorage的区别

cookie在HTTP请求发送Set-Cookie HTTP头作为响应的一部分，长度和数量的限制，每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，一般默认是浏览器关闭失效,可以自己设置失效时间

sessionStorage仅在当前浏览器窗口关闭前有效

localStorage 始终有效，长期保存

18.输入URL后发生了什么

首先从DNS解析域名获取ip地址，根据ip地址找到服务器，服务器根据地址请求返回页面相关数据，浏览器获取到数据进行页面加载渲染页面

19.移动设备忽略将页面中的数字识别为电话号码的方法

问题描述：在做移动端网页开发时，IOS 上的 safari 总会把长串数字识别为电话号码，文字变成蓝色，点击数字后还会自动添加到通讯录。

<name="format-detection" content="telephone=no"> //禁止将数字转换成电话号码

<name="format-detection" content="email=no"> //禁止作为邮箱、发送邮箱

<name="format-detection" content="address=no"> //禁止跳转至地图

<name="format-detection" content="telephone=no, email=no, address=no"> //合并写法

html常见面试题