HTML 基础-1
- 网页乱码的问题是如何产生的?怎样解决?
乱码产生的根本原因编辑保存的编码格式和浏览器解析时的解码格式不匹配导致的,如果在编码时未声明编码格式,则浏览器会按照其默认的解码格式解码,在碰到非英文的字符时,若浏览器解码格式与编辑器默认编码格式不一致就会出现乱码。
为避免出现乱码,可以在html 的 <head>里添加meta 标签,告知浏览器正确的解码方式就可以规避乱码生成。
- 颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?
在HTML中颜色的表示方式一般是三种;
- 6位16进制代码表示法:例如#ff00ff,构成方式为#+6为16进制代码,其中#为使用6位16进制的颜色代码声明,16进制代码分别为09+AF共16位数,其中1,2为代码代表红色,3,4为代表绿色,5,6位代表蓝色。在1=2,3=4,5=6时此表示法可简化为#135。
红色:#ff0000
绿色:#00ff00
蓝色:#0000ff
白色:#ffffff
黑色:#000000
PS: #ccc的颜色, #eee的颜色, #333的颜色分别如下:

- rgb(r,g,b)表示法:括号中的r,g,b分别用0-255的十进制数或百分比表示红绿蓝,例如rgb(255,0,0)以及rgb(100%,0%,0%)都表示红色。
红色:rgb(255,0,0)或rgb(100%,0%,0%)
绿色:rgb(0,255,0)或rgb(0%,1000%,0%)
蓝色:rgb(0,0,255)或rgb(0%,0%,100%)
白色:rgb(255,255,255)或rgb(100%,100%,100%)
黑色:rgb(0,0,0)或rgb(0%,0%,0%)
PS:rgba(r,g,b,a)表示法是在rgb(r,g,b)上添加了一个元素Alpha值,代表颜色的透明度。a值的取值区域为0~1,可以用百分比、整数或者像RGB参数那样用0到1的实数表示。0代表完全透明的(也就是看不见的),1代表一个完全不透明的像素因此透明黑的表示方式可以为:rgba(0,0,0,0)或rgb(0%,0%,0%,0%)。
- 颜色的表示还可以用颜色的关键字表示,共16个,分别为:
Black 黑色 #000000
Maroon 深褐色 #800000
Green 绿色 #008000
Olive 橄榄色 #808000
Navy 海军蓝 #000080
Purple 紫色 #800080
Teal 水鸭绿 #008080
Gray 灰色 #808080
Silver 银色 #C0C0C0
Red 红色 #FF0000
Lime 酸橙色 #00FF00
Yellow 黄色 #FFFF00
Blue 蓝色 #0000FF
Fuchsia 品红 #FF00FF
Aqua 水蓝 #00FFFF
White 白色 #FFFFFF >
3.<!doctype html>的作用是什么?
声明,位于 <html> 标签之前,它是指示 web 浏览器页面使用 HTML5 进行编写的指令。
4.严格模式和混杂模式指什么?
严格模式是指在编辑时添加声明<!doctype >,告知浏览器解析代码的方式,混杂模式则相反,未添加声明<!doctype>浏览器按照自己的默认方式去解析代码。
5.meta有什么作用,常见的值有哪些?
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
常见值:
Snip20160823_19.png
6.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">有什么作用?
告知浏览器运用最新的内核去渲染页面。
7.常见的浏览器有哪些,什么内核?
常见浏览器:IE ,Firefox,Opera,Chrome,Safari,360,猎豹,遨游,搜狗······
浏览器内核:
Trident(IE内核):IE6~IE10,360,猎豹,遨游,搜狗······
Gecko(Firefox内核):Mozilla Firefox,Mozilla SeaMonkey······
Webkit(Safari内核,Chrome内核原型,开源):Safari,Symbian手机浏览器、Android 默认浏览器······
Blink(由Google和Opera Software开发的浏览器排版引擎):Chrome(28及往后版本)、Opera(15及往后版本)和Yandex浏览器。