问答
1.网页乱码的问题是如何产生的?怎样解决?
答:网页乱码产生的主要原因是:文件使用的编码格式与浏览器解码方式不一致而导致的。比如说,我们文件保存的编码格式是GBK,但是Chrome打开时默认使用 ISO -8859的解码方式,导致编码和解码不匹配,从而产生乱码。如何解决:首先,在文件保存的时候你自己要清楚是用哪种编码方式保存的,然后,如果你的文件是保存为utf-8格式,那么一定要在html 的<head>里添加<meta charset="UTF-8">,如果你的文件保存为gbk格式,一定在文件里添加<meta charset="gbk">,这句话的意思是告诉浏览器,让它用这个编码格式解析。
2.颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色,#eee的颜色?#333的颜色?
答:颜色的几种写法:(1)关键字,比如red(红色)、green(绿色)、blue(蓝色)、white(白色)、black(黑色);(2)十六进制:#ff0000(红色)、#00ff00(绿色)、#0000ff(蓝色)、#ffffff(白色)、#000000(黑色);(3)RGB():rgb(255,0,0)(红色)、rgb(0,255,0)(绿色)、rgb(0,0,255)(蓝色)、rgb(255,255,255)(白色)、rgb(0,0,0)(黑色);(4)hsl():hsl(0,100%,50%)(红色)、hsl(120,100%,50%)(绿色)、hsl(240,100%,50%)(蓝色)、hsl(0,0%,100%)(白色)、hsl(0,0%,0%)(黑色);
透明黑色表示方法:(1)rgba(0,0,0,0.5),a表示透明度,0=透明,1=不透明;(2)black;opactiy:0.5;filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */;(3)hsla(0,0%,0%,0.5);
#ccc的颜色:灰色
#eee的颜色:浅灰
#333的颜色:深灰
3.<!doctype html>的作用是什么?
答:文档声明,告诉浏览器按w3c所规定的html5标准渲染这个页面.
4.严格模式和混杂模式指什么?
答:严格模式是浏览器根据web标准去解析页面,是一种要求严格的DTD,不允许使用任何表现层的语法;混杂模式则是一种向后兼容的解析方法,可以实现IE5.5以下版本浏览器的渲染模式。
5.meta有什么作用,常见的值有哪些?
答:meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。参考博客
必要属性:content:定义与http-equiv或name属性相关的元信息;
可选属性:http-equiv:把content属性关联到HTTP头部;name:把 content 属性关联到一个名称。
<meta name="keywords" content="your tags"/>
页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字。使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短,则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。
<meta name="description" content="150 words">
页面描述,每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。
<meta name="robots" content="index"/>
搜索引擎索引方式,robotterms是一组使用逗号(,)分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。确保正确使用nofollow和noindex属性值。
其他等,以上参考文档
6.<meta http-equiv="X-UA-compatible" content="IE=Edge,chrome=1">有什么作用?
答:
X-UA-Compatible
是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。
content="IE=Edge"会强制浏览器按照最新的标准去渲染。
content="chrome=1"将允许站点在使用了谷歌浏览器内嵌框架(Chrome Frame)的客户端渲染,对于没有使用的,则没有任何影响。
以上参考文档
7.常见的浏览器有哪些,什么内核?
答:一、Trident内核代表产品Internet Explorer,又称其为IE内核。Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko内核代表作品Mozilla FirefoxGecko是一套开放源代码的、以C++编写的网页排版引擎。使用它的最著名浏览器有Firefox、Netscape6至9。
三、WebKit内核代表作品Safari、Chromewebkit 是一个开源项目,包含了来自KDE项目和苹果公司的一些组件,主要用于Mac OS系统,它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。主要代表作品有Safari和Google的浏览器Chrome。
四、Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎,供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎,包括加入动态功能,例如网页或其部分可随着DOM及Script语法的事件而重新排版。