关于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 的利用都不快)
  • 不适宜游戏利用

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据