HTML面试中一些小考点

<!doctype html> 的作用是什么?

告诉浏览器这是一个html文档,请用标准的html语义来解析该文档。

网页乱码是如何产生的?如何解决?

1.没有给指定的html文件指定编码类型
2.保存html文件时,指定了和html文件不一致的编码类型

解决的方法也很简单,只需要将以上二者的编码类型统一即可。比如在html文件中的head部分的meta元素中将编码类型设定为utf-8,那么保存文件的类型也设置为utf-8的类型。如下图

utf-8.png
utf-82.png

颜色的表示方式有几种?

颜色的表示方式一共有三种

  • 英文字母
  • 十六进制
  • RGB

如以下例子

  • 红色
    1.英文字母 red
    2.十六进制 #FF0000
    3.RGB rgb(255, 0 ,0)
  • 绿色
    1.英文字母 green
    2.十六进制 #008000
    3.RGB rgb(0,255,0)
  • 蓝色
    1.英文字母 blue
    2.十六进制 #0000FF
    3.RGB rgb(0,0,255)
  • 白色
    1.英文字母 White
    2.十六进制 #FFFFFF
    3.RGB rgb(255, 255 ,255)
  • 黑色
    1.英文字母 red
    2.十六进制 #000000
    3.RGB rgb(0, 0 ,0)

如果想让颜色透明可用CSS3的透明度来设置值。(数值越小越透明)
rgba(255, 0, 0, 0.2)

另外如果想要全部透明的,包括文字的话,(非IE中有01之间的范围,IE的话0100,数值越小越不透明,数值越大越透明)
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */

严格模式和混杂模式

带有doctype声明的为严格模式
没有doctype声明的为混杂模式

meta有什么作用,常见的值有哪些

主要作用是 利于搜索引擎优化和指定网页字符集
meta 有两个属性 分别是

  • name属性---网页描述
    1. keywords 网页关键字
    2. description 网页描述
  • http-equiv属性 --- http的文件头作用
    1. content-Type 设定字符集

<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用

这段代码是Google开发的一个Google Chrome Frame「Google Chrome 浏览器内嵌框架 – GCF]。用来告诉浏览器,如果启动了GCF,则使用chrome核心来渲染,如果没有启动GCF,则用IE的最高级浏览器来渲染。

常见的浏览器

  • 谷歌浏览器---WebKit(浏览器内核)
  • 火狐浏览器---Gecko (浏览器内核)
  • Safari浏览器---WebKit (浏览器内核)
  • Opera浏览器---WebKit (浏览器内核)
  • IE 浏览器---Trident (浏览器内核)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 网页的乱码问题主要是html的内容与浏览器中的编码不一致导致的。主要问题是出在非英文的语言字符上。要使网页不产生乱...
    饥人谷_wanpp阅读 554评论 0 48
  • Sublime的常用插件及功能 AutoFileName:自动补全文件路径及名称的插件。如插入图片。 Bracke...
    饥人谷_缪维颖阅读 967评论 6 4
  • 1.网页乱码的问题是如何产生的?怎样解决? 当一个网页出现在你面前的时候,它已经经历了一个写入到展示的过程: 1....
    大脸族美少女阅读 571评论 0 0
  • 1. 网页乱码的问题是如何产生的?怎样解决 首先我们要知道 UNICODE 和 UTF-8 的概念 Unicode...
    饥人谷_沈梦圆阅读 480评论 0 0
  • 不知道你们有没有 那种不知所措、出乎意外的感觉 很短暂,一晃而过 而当你回过神来的时候 你发现 好像遗忘了什么 就...
    七篱阅读 159评论 0 0