任务4-HTML1

问答

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和饥人谷所有,转载须说明来源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容

  • 1 . 网页乱码的问题的产生,及解决 产生原因:编写网页代码时保存的编码和浏览器解析时的解码格式不匹配。 错误方式...
    osborne阅读 723评论 0 1
  • **2016/05/04 ** 网页乱码的问题是如何产生的? 下面这个流程是我们写入文件到展示文件的简单描述:我们...
    嘿菠萝阅读 272评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,747评论 1 92
  • 1.网页乱码的问题是如何产生的?怎么解决? 一:乱码产生的原因是:当我们保存文件时会把我们写入的文字使用编辑器默认...
    freddy阅读 568评论 0 0
  • 1.网页乱码的问题是如何产生的?怎样解决? 乱码产生的根本原因我们在保存文件时的编码格式和用浏览器解析文件时的解码...
    _hello__world_阅读 227评论 0 0