网页乱码的问题是如何产生的?怎样解决?
乱码产生的根本原因是你保存的编码格式和浏览器解析时的解码格式不匹配导致的。
首先,在文件保存的时候你自己要清楚是用哪种编码方式保存的(sublime默认保存方式是utf-8,如果安装了插件也可另存为gbk,其它IDE可以做设置保存格式)。如果你的文件是保存为utf-8格式,那么一定要在html 的 <head>里添加<meta charset="utf-8">,这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了,直接用utf-8去解码。 同理,如果你的文件保存为gbk格式,一定在文件里添加<meta charset="gbk">。
颜色的写法有哪些?
- 颜色单词名(red,blue等)
- 十六进制颜色值(比如:#000000)
- RGB模式(比如:rgb(255,255,255)
- RGBA模式(比如:rgb(255,255,255,0.2)
PS:A为透明度
<!doctype html>的作用是什么?
声明按照html5的标准进行页面渲染。
严格模式和混杂模式指什么?
- 严格模式:严格模式应该也称为标准模式,严格按照标准执行代码,使浏览器根据规范呈现页面,排版和js运作模式是以浏览器最高规范来运行。
- 混杂模式:混杂模式也被称为怪异模式,是一种比较宽松的向后兼容的模式,混杂模式通常模拟老式浏览器的行为,以防止老站点无法工作。各个浏览器解析代码的方式不同,所以称为混杂模式,doctype不存在或格式不正确会导致文档以混杂模式呈现。
meta有什么作用,常见的值有哪些?
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
具体可参考w3school<meta> 标签
<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"有什么作用?
网页使用浏览器支持的最高模式来渲染,chrome=1 是网页使用chrome内核来渲染。
常见的浏览器的内核是什么?
- Webkit内核:Chrome,Safari
- Gecko内核: Firefox
- Trident内核: IE
- Presto内核: Opera