任务4-HTML1

2016-08-04 本文已影响0人饥人谷_百无一用是书生

问答

1.网页乱码问题

我一直很讨厌gbk！为了节约那么一点点空间放弃了通用性，还是utf-8比较合适

乱码就是字符编码设置不当造成的，个人认为用utf-8就是了

2.颜色

应该就是九种写法

关键字颜色 #RRGGBB \ #RGB rgb() hsl() rgba() hsla() currentColor transparent rebeccapurple

红色写法

  red
  #ff0000
  #f00
  rgb(255,0,0)

绿色写法

green
#008000
#080
rgb(0,128,0)

蓝色写法

blue
#0000FF
#00f
rgb(0,0,255)

白色写法

write
#FFFFFF
#FFF
rgb(255,255,255)

黑色写法

black
#000000
#000
rgb(0,0,0)

黑色透明写法

.xxx{
      color:rgb(0,0,0,0.x);  
      <!--   0.x代表透明度-->
      }
.xxx2{
        color:#000;
        opacity:0.x;
         <!--   0.x代表透明度-->
      }

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

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,
这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。
如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的
标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
这就是<!DOCTYPE html>的作用。
ps.(个人以为就是让浏览器知道是h5的标准)

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

严格模式：按照确定的规范渲染页面
混杂模式：以向下兼容的模式渲染页面

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

<meta>元素可提供有关页面的元信息

5.1. name标签

<meta name="keywords" content="HTML,ASP,PHP,SQL">

提供给搜索引擎的关键词，用作seo等

5.2.http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

页面代码

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

浏览器接受到的头信息

content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008

5.3.content 属性

content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。

5.4.scheme 属性

scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。

6.

<meta http-equiv="X-UA compatible"content="IE=edge,chrome=1"

有什么作用

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Edge 模式告诉 IE以最高级模式渲染文档，也就是任何 IE版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE就用什么版本的标准模式渲染

<meta http-equiv="X-UA-Compatible" content="chrome=1">

使用以下代码强制 IE 使用 Chrome Frame 渲染

Goole Chrome浏览器内嵌框架是一个开放源代码插件，可将谷歌浏览器的开放网络技术和快速JavaScript引擎与Internet Explorer无缝结合。

ps.微软的ie业界毒瘤阿

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

常见浏览器
opera chrome firefox edge(ie已死) 360浏览器腾讯浏览器
uc浏览器猎豹浏览器（各种套壳浏览器等等）
浏览器分三类，套ie壳的,套第三方内核所谓双核（三核）浏览器，自己研发内核默默付出的

一、Trident内核代表产品Internet Explorer
二、Gecko内核代表作品Mozilla
三、WebKit内核代表作品Safari、Chromewebkit 是一个开源项目
四、Presto内核代表作品OperaPresto是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。它取代了旧版Opera 4至6版本使用的Elektra排版引擎，包括加入动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。(现在opera也投入了chrome的怀抱)

本教程版权归freeidea和饥人谷所有，转载须说明来源