html初识

  • 网页的乱码问题
    主要是html的内容与浏览器中的编码不一致导致的。主要问题是出在非英文的语言字符上。要使网页不产生乱码,一定要保证文档在保存和编写的时候的编码格式一致。即,保存的时候,使用的utf-8,那么在网页编写中,要写上<meta chartset=utf-8>

  • html颜色的写法
    1.#ff0022:16进制的写法.字母不区分大小写。其中#是代码声明的颜色,ff是代表三原色中的红色,00代码三原色中的绿色,22是代表三原色中的蓝色(如果每个代表颜色的位数中数值一样,那么可用省略法写,即00=0)
    2.rgb(r,g,b)或者rgba(r,g,b,a):10进制写法,同样的,r代表红色,g绿色,b蓝色。取值范围是0255。另一种加rgba的写法,则是加上了一个alpha通道,a=alpha。取值范围是01。0是完全透明,1是完全不透明,值越大,越不透明。
    3.rgb(50%,23%,80%):用rgb的百分比来取值。

红色、 绿色、蓝色、白色、黑色这些常见色可以用red,green,blue,white,black等表示;也可以用16进制,#FF0000, #008000,#0000FF, #FFFFFF,#000000;还可以用rgb(255,0,0),rgb(0,255,0),rgb(0,0,255),rgb(255,255,255),rgb(0,0,0)。透明黑色呢,顾名思义,加个alpaha通道,rgba(0,0,0,0)。

颜色:#ccc
title
title

颜色:#eee
title
title

颜色:#333
title
title
  • doctype html 的作用
    DOCTYPE html,即文档声明,声明此文档是html5的格式,用来告诉浏览器的渲染方式。
    如果不添加此句标签,则浏览器默认会用自己的类型来解析文本,就会出现每个浏览器可能最终渲染出来的样式都不一样。加上了这句话,就是告诉浏览器,用html5的标准来渲染,那么大家最后展现出来的页面就是用统一的标准显示的了。

  • 严格模式和混杂模式
    严格模式是指用标准格式来渲染页面,混杂模式则是向下兼容的一种格式。这两种模式要看是否用了doctype的文档申明以及申明的dtd类型来确定。

  • meta标签
    <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
    <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
    META标签共有两个属性,它们分别是Http-equiv属性和Name属性。
    Http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值">

参数 用法 说明
Expires(期限) <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"> 可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。注意:必须使用GMT的时间格式。
Pragma(Cache模式) <meta http-equiv="pragma" content="no-cache"> 禁止浏览器从本地计算机的缓存中访问页面内容。 注意:这样设定访问者将无法脱机浏览。
Refresh(刷新) <meta http-equiv="refresh" content="2;url=http://www.onchina.net"> 自动刷新并指向新页面。注意:其中的"2"是指停留2秒钟后自动刷新到URL网址,可以更改,但建议不要改得太大。
Set-cookie(Cookie设定) <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT;path=/"> 如果网页过期,那么存盘的Cookie将被删除。必须使用GMT的时间格式。
Window-target(显示窗口的设定) <meta http-equiv="window-target" content="_top"> 强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。
Content-type(显示字符集的设定) <meta http-equiv="content-type" content="text/html; charset=gb2312"> 设定页面使用的字符集。html5中已经简化了这种写法,可直接写上<meta charset=utf-8>

Name属性语法格式是:'<meta name="参数" content="具体的参数值"> '

参数 用法 说明
Keywords(关键字) <meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human"> Keywords用来告诉搜索引擎你网页的关键字是什么。
Description(网站内容描述) <meta name="description" content="This page is about the meaning of science, education,culture."> Description用来告诉搜索引擎你的网站主要内容。
Robots(机器人向导) <meta name="robots" content="none"> Robots用来告诉搜索机器人需要索引的页面有哪些。Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
Author(作者) <meta name="author" content="zys666,zys666@21cn.com"> 标注网页的作者

参考文章:HTML<meta>

  • **<meta http-equiv="X-UA-compatible" content="IE=edge,chrome=1"的作用
    **
    http-equiv="X-UA-compatible":是IE8的专用标记,是用来指定IE8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。如果系统安装ie8或以上版本,则使用最高版本ie渲染。
    chorme=1:是指如果支持Google Chrome Frame:GCF,则使用GCF渲染。
    Google Chrome Frame:这段是Google开发的一个Google Chrome Frame「Google Chrome 浏览器内嵌框架 – GCF」。使用GCF可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。
    而第一段中提到的代码则是指定该页面使用Chrome内核来做渲染,前提是用户必须已经安装了Google Chrome Frame。
    总结这段代码就是,如果安装了GCF,则使用GCF来渲染页面「”chrome=1″」;如果没有安装GCF,则使用最高版本的IE内核进行渲染「”IE=edge”」,如果没有安装IE8或以上,则忽略此设定。
  • 常见的浏览器有哪些,什么内核
    常见主流的浏览器分别有IE,chrome,safari,firefox,opera等
    国内各种双核浏览器主要使用的是Trident和WebKit内核。
浏览器 内核
IE 微软家的老牌浏览器,现已有edge。使用的是Trident内核
chrome 谷歌浏览器 使用的内核是WebKit
safari 苹果系统mac OS IOS等的浏览器,同样使用的是WebKit内核
firefox 火狐浏览器 使用的是自主研发的Gecko内核
opera 欧朋浏览器 曾经使用的内核是Presto,现已改用Google Chrome的Blink内核

Trident:代表产品Internet Explorer,又称其为IE内核。Trident(又称为MSHTML),是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
Gecko:Netscape6开始采用的内核,后来的Mozilla FireFox(火狐浏览器) 也采用了该内核,Gecko的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko内核的浏览器也很多,这也是Gecko内核虽然年轻但市场占有率能够迅速提高的重要原因。
Presto:Opera12.17及更早版本曾经采用的内核,现已停止开发并废弃,该内核在2003年的Opera7中首次被使用,该款引擎的特点就是渲染速度的优化达到了极致,然而代价是牺牲了网页的兼容性。
Webkit
它是苹果公司自己的内核,也是苹果的Safari浏览器使用的内核。 Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,均是从KDE的KHTML及KJS引擎衍生而来,它们都是自由软件,在GPL条约下授权,同时支持BSD系统的开发。所以Webkit也是自由软件,同时开放源代码。在安全方面不受IE、Firefox的制约,所以Safari浏览器在国内还是很安全的。
参考文章:百度百科

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

推荐阅读更多精彩内容