饥人谷技术博客

HTML-1

2016-06-02  本文已影响0人  王康_Wang

1、网页乱码的问题是如何产生的?怎样解决?

i.网页乱码是因为写入网页时所保存的编码格式与浏览器解析时所用的解码格式不一致造成的。
同时由于UTF-8、GBK等针对英文的编码方式相同,故纯英文情况下即使编码格式和解码格式不一致也不会出项乱码。
ii.要解决网页乱码问题,首先要知道文件是用哪种编码格式保存的,并在html的<head>里添加:

<meta charset="utf-8"/> <!--以utf-8格式保存-->

或者:

<meta charset="gbk"/> <!--以gbk格式保存-->

2、颜色有几种写法, 红色、 绿色、蓝色、白色、黑色如何表示? 透明黑色如何表示?#ccc的颜色, #eee的颜色? #333的颜色?

i.在html和css中,颜色有如下几种常见写法:

ii.在css3中,颜色的透明度通过rgba(red,green,blue,alpha)实现,其中alpha取值由0到1颜色透明度由全透明至不透明。例如:

<!doctype html>
<html>
<head>
        <meta charset="utf-8"/>
        <title>颜色透明度</title>
</head>
<body>
        <p style="color:rgba(0,0,0,0.3)">
            alpha值为0.3时的黑色
        </p>
        <p style="color:rgba(0,0,0,0.6)">
            alpha值为0.6时的黑色
        </p>
        <p style="color:rgba(0,0,0,0.9)">
            alpha值为0.9时的黑色
        </p>
</body>
</html>

实现效果为:

Paste_Image.png

iii.当需表示的色彩为web安全色时,可用简化的十六进制表示该颜色(每个字符代表一个十六进制对),例如:

<!doctype html>
<html>
<head>
        <meta charset="utf-8"/>
        <title>颜色透明度</title>
</head>
<body>
        <p style="color:#ccc">
            #ccc的颜色
        </p>
        <p style="color:#eee">
            #eee的颜色
        </p>
        <p style="color:#333">
            #333的颜色
        </p>    
</body>
</html>

实现结果为:

Paste_Image.png

3.<!doctype html>的作用是什么

<!doctype>为浏览器提供一项文档声明,即告知浏览器该文档是用什么版本的html写的。
<!doctype html>表示该文档是用html5编写的。

4.严格模式和混杂模式指什么

5.meta有什么作用,常见的值有哪些

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

meta必需的属性:

content属性
值:some_text
描述:定义与 http-equiv 或 name 属性相关的元信息

meta可选的属性:

http-equiv
值:content-type,expires,refresh,set-cookie
name 属性
值:author,description,keywords,generator,revised
描述:把 content 属性关联到一个名称
scheme属性
值:some_text
描述:定义用于翻译 content 属性值的格式

6.<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"/>有什么作用

作用是告知浏览器使用最新的内核渲染页面。
其中"X-UA-Compatible"部分是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。

7.常见的浏览器有哪些,什么内核

浏览器 内核
IE Triden
chrome WebKit
Opera WebKit
Safari WebKit
Firefox Gecko
上一篇 下一篇

猜你喜欢

热点阅读