哈哈我的markdown
问答
一、网页乱码的问题是如何产生的?怎样解决?
- 产生原因:编写网页代码时保存的编码和浏览器解析时的解码格式不匹配。
- 错误方式:
<head>
里未添加确定的编码方式如<meta
- 解决办法:一般情况下用<meta>标签声明即可,实验中发现在sublime中 不能简单地添加
<meta charset="GBK">
而是应该安装插件解决。
二、颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?
- 三种
- 关键字
- 使用RGB立体坐标(RGB cubic-coordinate)系统(以“#”加十六进制或者 rgb() 和 rgba() 函数表达式的形式)
- 使用HSL圆柱坐标(HSL cylindrical-coordinate)系统(以 hsl() 和 hsla() 函数表达式的形式)
- 颜色表示
红:#ff0000 | #foo | #GRB(255,0,0) | #red
绿:#00ff00 | #0f0 | #RGB(0,255,0)| #green
蓝:#0000ff | #00f | #RGB(0,0,255)| #blue
白:#ffffff | #fff | #RGB(255,255,255) | #white
黑:#000000 | #000 | #RGB(0,0,0) | #black
透明黑:RGBA(0,0,0,0) - 三个颜色
eee: RGB(238,238,238)浅灰
ccc:RGB(204,204,204)中度灰
333:RGB(51,51,51)深灰
三<!doctype html>
的作用是什么?
- 声明文档类型:用来告知 Web 浏览器页面使用了哪种 HTML 版本。
<!doctype html>
位于文档中的最前面的位置,处于 <html> 标签之前。不过<!doctype html>
声明不是一个 HTML 标签。
严格模式和混杂模式指什么
背景:当Netscape4(译注:网景公司早期的浏览器)和IE4(微软公司早期的浏览器)实现CSS机制时,并没有遵循W3C提出的标准。Netscape4 提供了糟糕的支持,而IE4 虽然接近标准,但依旧未能完全正确的支持标准。尽管IE 5 修复了IE4 许多的问题(bugs),但是依然延续CSS实现中的其它故障(主要是盒模型(box model)问题)。
为了保证自己的网站在不同的浏览器中都能正确展现,网页开发者不得不依据各个浏览器的自身的规范来使用CSS。因此大部分网站的CSS实现并未符合W3C的标准。
- 混杂模式:浏览器提供的,服务于旧式规则的模式
- 严格模式:浏览器提供的,服务于标准规则的模式。
<p>选择使用哪种模式需要一个触发器,而 “DOCTYP切换” 则用于此目的。
</p>
参考
五、meta 有什么作用,常见的值有哪些
- Meta 元素 (<meta>) 用来表达任何其他 HTML 元相关元素
(<base>, <link>, <script>, <style>
或者<title>)
等无法表达的信息。 - 常见值:
- name
- http-equiv
- charst
- itemprop
六、<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">
有什么作用?
- X-UA-Compatible是IE8的一个专有<meta>属性,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式。
谷歌内嵌浏览器框架GFC:可以让用户的IE浏览器外观不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。 - 此标记的作用是:在开发时指定页面默认首先使用GCF进行渲染,如果未安装GCF,看是否安装ie8,如果是,使用最高版本IE内核进行渲染。如果两个条件都不满足,此条标记无效。
编程之美
七、常见的浏览器有哪些,什么内核
- IE:Trident 最新内核-->EdgeHTML(ie最新内核)
- Mozilla Firefox:Gecko(ie和网景部分员工凭借信仰创造的开源内核)
- Chrome:Blink(有利于和苹果的良性竞争发展)
- safari:webkit内核 (较早开源,贡献较大)
- Opera:Presto内核(死去的 Presto Forever)
- 国内360、UC、QQ、2345等浏览器紧追chrome步伐。
韩子迟