html-1
一.浏览器打开网页产生乱码的原因的原因以及解决方法
<b>产生原因</b>:网页产生乱码的根本原因是编写网页文件后保存的编码格式和浏览器解码的编码格式不一致导致的。
<b>解决方法</b>:我们编写html文件后,保存时所使用的编码格式一定要和 <head>
头部部分<meta charset="编码格式">
中 charset 所定义的编码格式一样。也是就说,你在编写完html文件以后,如果使用的是<b>"utf-8"</b>编码, 如:<meta charset="utf-8">
那么你在保存的时候也要使用<b>"utf-8"</b>的编码方式来保存。这样浏览器在解析的时候就不会出现乱码现象。
<b>举例说明</b>:如果我们在html文件中有这句<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
,那我们在保存的时候就要用utf-8保存。
<b>另外</b>:如果我们用记事本打开一个已有的html文件,并且做出改动以后,请查看它的编码格式,并且另存为和它原来一样的编码格式,避免出现乱码。
参考资料:网页乱码解决
二.颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?
答:在网页文件中,颜色有三种写法:
1 . 根据英文的颜色名来写。例如:红:red ;绿:green ;蓝:blue ;白:white;黑:black。
2 .根据颜色的16进制来写。例如:红:#ff0000;绿:#00ff00;蓝:#0000ff;白:#ffffff;黑:#000000。
3 .根据颜色的RGB数值来写。例如:红:rgb(255,0,0);绿:rgb(0,255,0);蓝:rgb(00,00,255);白:rgb(255,255,255);黑:rgb(00,00,00).
透明度是CSS3的一个新特性:调用采取RGBA,其中A代表了透明度,值在0~1之间。所以半透明的黑色为RGBA(0,0,0,0.5)。
<b>#fff->#000
</b>是红绿蓝三种颜色按相同比例由白至黑的渐变过程,所以#ccc ,#eee ,#333 是由浅入深的三种灰色。即,#ccc:灰色 #eee:浅灰色 #333:深灰色。
三.<!doctype html> 的作用是什么
DDT(文档定义类型)是一组机器可读的规则,浏览器通过分析页面的DOCTYPE来了解使用哪种DDT。<!DOCUTYPE html>
即是对浏览器声明使用HTML 5的标准。
定义和用法
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
四.严格模式和混杂模式指什么
严格模式由<!DOCTYPE html>标签声明,使浏览器严格按照最新的w3c标准渲染页面.
混杂模式是向后兼容模式,即兼容以前的标准渲染。兼容性差.
五.meta有什么作用,常见的值有哪些?
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
它不会显示在页面上,但是机器却可以识别。这么一来meta标签的作用方式就很好理解了。
Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。
常见的属性有个:
- http-equiv,常见的参数值有Content-Type、Refresh等;
基本语法格式
<meta http-equiv="参数" content="具体的描述">
- name,常见的参数值有description、keywords等。
基本语法格式:
<meta name="参数" content="具体的描述">
另外content属性始终要和 name 属性或 http-equiv 属性一起使用,其值也根据前面属性的值不同有所不同。
其他:
Content-Type <meta http-equiv="Content-Type" content="text/html;charset=gb_2312-80"> <meta http-equiv="Content-Language" content="zh-CN">
用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
Refresh
<meta http-equiv="Refresh" content="n;url=http://yourlink">
定时让网页在指定的时间n内,跳转到你的页面;
Expires
<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">
可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
Pragma
<meta http-equiv="Pragma" content="no-cache">
是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
set-cookie
<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">
cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
windows-Target
<meta http-equiv="windows-Target" content="_top">
强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
HTTP-EQUIV用于向浏览器提供一些说明信息,从而可以根据这些说明做出反应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用,常用的HTTP-EQUIV类型还包括:网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。
参考资料
六.常见的浏览器有哪些?什么内核?
1.IE:内核Trident
2.Mozilla:内核Gecko
3.chrome、Safari:内核WebKit
4.Opera:内核Presto