html初识

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

颜色:#eee
title

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

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

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

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

Name属性语法格式是:' '

参数 用法 说明
Keywords(关键字) Keywords用来告诉搜索引擎你网页的关键字是什么。
Description(网站内容描述) Description用来告诉搜索引擎你的网站主要内容。
Robots(机器人向导) Robots用来告诉搜索机器人需要索引的页面有哪些。Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
Author(作者) 标注网页的作者

参考文章:HTML

  • **的作用
    **
    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浏览器在国内还是很安全的。
参考文章:百度百科

你可能感兴趣的:(html初识)