HTML基础问题搜集及解决
1. 网页乱码是如何产生的,怎么解决?
- 答:我们浏览的网页是浏览器解析html文件呈现出来的,当网页制作者在编辑html文件时使用的编码方式和浏览器默认使用的解码方式不同时,就会出现网页乱码现象。
解决方法:在html文件的头部添加<meta charset=" ">
标签,提前申明编码方式。
2. 颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc
的颜色, #eee
的颜色? #333
的颜色?
答:
- 颜色的写法:
颜色在计算机上的表示一般有三种:- 英文名称
- 十六进制
- RGB数值(衍生版本:RGBA,A:用来表示透明度)
颜色 | 红 | 绿 | 蓝 | 白 | 黑 |
---|---|---|---|---|---|
英文名称 | red |
green |
blue |
white |
black |
十六进制显示 | #ff0000 |
#00ff00 |
#0000ff |
#ffffff |
#000000 |
RGB数值 | rgb(255,0,0) |
rgb(0,255,0) |
rgb(0,0,255) |
rgb(255,255,255) |
rgb(0,0,0) |
透明黑色:rgba(0,0,0,0)
#ccc
、#eee
、#333
都表示灰色。 分别是向白色过度程度不同的灰色。
3.<!doctype html>
的作用是什么
文档声明,告诉浏览器这个文档用html5来渲染
4. 严格模式和混杂模式指什么?
这就涉及到文件中<meta charset="utf-8">
的作用,不写就应用怪异模式。
标准模式中浏览器以其支持的最高标准来呈现页面;
混杂模式中浏览器以较宽松向后兼容的方式呈现页面。混杂模式中浏览器模仿老版本浏览器呈现网页的方式以防止老站点不能正常工作。
- 参考文章:HTML_严格模式与混杂模式
5. meta有什么用,常见的有哪些?
<meta>
标签提供网页的元信息。比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部,不包含任何内容。<meta>
标签的属性定义了与文档相关联的名称/值对。
常见的值:content、http-equiv、name、scheme
6. <meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1">
有什么作用
这个标签针对IE浏览器使用,这样写可以达到的效果是如果安装了GCF(Google Chrome Frame),则使用GCF来渲染页面,如果未安装GCF,则使用最高版本的IE内核进行渲染。是为了让IE浏览器能够兼容为chrome浏览器写的页面。
7. 常见浏览器及其内核
- IE:Trident内核
- Mozilla Firefox:Gecko内核
- Chrome:Chromium内核
- safari:webkit内核
- Opera:Presto内核
- 参考文章:[主流浏览器内核介绍](http://www.cnblogs.com/zichi/p/5116764.html