关于html:Html面试题

w3c 标准

1. 结构化规范语言
2. 款式规范语言
3. 行为规范语言

如何了解 HTML 语义化的?

1. 应用正确的标签做正确的事件。
2. html 语义化让页面的内容结构化，构造清晰，便于对浏览器、搜索引擎解析，有利于开发者浏览。
3. 有利于搜索引擎的爬取，有利于 seo

iframe 框架有那些优缺点？

长处：

iframe 可能一成不变的把嵌入的网页展示进去。如果有多个网页援用 iframe，那么你只须要批改 iframe 的内容，就能够实现调用的每一个页面内容的更改，方便快捷。网页如果为了对立格调，头部和版本都是一样的，就能够写成一个页面，用 iframe 来嵌套，能够减少代码的可重用。如果遇到加载迟缓的第三方内容如图标和广告，这些问题能够由 iframe 来解决。

毛病：

 框架结构中呈现各种滚动条
iframe 会阻塞主页面的 Onload 事件
搜索引擎的检索程序无奈解读这种页面，不利于 SEO
iframe 和主页面共享连接池，而浏览器对雷同域的连贯有限度，所以会影响页面的并行加载。

img 上 title 与 alt

答案：title 鼠标放到图片上展现的信息、alt 图片不显示时显示的文字

Viewport 属性值

1. width 设置 layout viewport 的宽度，为一个正整数，或字符串 ”width-device”
2. initial-scale 设置页面的初始缩放值，为一个数字，能够带小数
3. minimum-scale 容许用户的最小缩放值，为一个数字，能够带小数
4. maximum-scale 容许用户的最大缩放值，为一个数字，能够带小数
5. height 设置 layout viewport 的高度，这个属性对咱们并不重要，很少应用
6. user-scalable 是否容许用户进行缩放，值为 ”no” 或 ”yes”, no 代表不容许，yes 代表容许这些属性能够同时应用，也能够独自应用或混合应用，多个属性同时应用时用逗号隔开就行了。

html 常见兼容性问题

双边距 BUG float 引起的，

 解决办法: 应用 display：inline 解决 

3 像素问题 应用 float 引起的

 解决办法: 应用 dislpay:inline -3px

超链接 hover 点击后生效

 解决办法: 应用正确的书写程序 link visited hover active

Ie z-index 问题

 解决办法: 给父级增加 position:relative

Png 通明

 解决办法: 应用 js 代码 

Min-height 最小高度

 解决办法:！Important 解决 

select 在 ie6 下遮蔽

 解决办法: 应用 iframe 嵌套 

为什么没有方法定义 1px 左右的宽度容器

 解决办法:（IE6 默认的行高造成的，应用 over:hidden,zoom:0.08 line-height:1px）

你能形容一下渐进加强和优雅降级之间的不同吗?

渐进加强：

 针对低版本浏览器进行构建页面，保障最根本的性能，而后再针对高级浏览器进行成果、交互等改良和追加性能达到更好的用户体验。（一开始保障最根本的性能，再改良和追加性能）

优雅降级：

 一开始就构建残缺的性能，而后再针对低版本浏览器进行兼容。（一开始就构建残缺的性能，再针对低版本浏览器进行兼容。）

区别：

 优雅降级是从简单的现状开始，并试图缩小用户体验的供应，而渐进加强则是从一个十分根底的，可能起作用的版本开始，并一直裁减，以适应将来环境的须要。降级（性能衰减）意味着往回看；而渐进加强则意味着朝前看，同时保障其根基处于平安地带。

Canvas 和 SVG 有什么区别？

Canvas 和 SVG 都容许在浏览器中创立图形，然而它们在基本上是不同的。

Canvas

• 依赖分辨率
• 不反对事件处理器
• 弱的文本渲染能力
• 可能以 .png 或 .jpg 格局保留后果图像

• 最适宜图像密集型的游戏，其中的许多对象会被频繁重绘

  SVG

• 不依赖分辨率
• 反对事件处理器
• 最适宜带有大型渲染区域的应用程序（比方谷歌地图）
• 复杂度高会减慢渲染速度（任何适度应用 DOM 的利用都不快）
• 不适宜游戏利用