HTML规范

网页乱码是如何产生的

页面编辑后保存的编码格式和浏览器解析文件时的编码格式不一致。一般是英文以外的字符出现乱码,因为UTF-8、GBK都使用的第一个字节编码英文字符集。解决方法:网页编辑后保存的字符编码格式与页面中head标签里设置的charsert值一致。网页文件编辑保存时,如果保存格式为utf-8,那么一定要在html的<head>里添加<meta charset=”utf-8″>,这句话的意思是告诉浏览器在打开这个页面的时候不要使用默认的编码格式解码,直接z用utf-8去解码。 同理,如果文件保存为gbk格式,一定在文件里添加<meta charset=”gbk”>

HTML中颜色的表示方法

1.十六进制表示:#ffffff即每两位分别表示一组颜色(red green blue)的数值。ff最大值,00最小值,每两位相同时可以缩写,只写一位,#ff00cc,缩写为#f0c
2.红绿蓝RGB(red blue green)值表示方法,rgb(255,255,255)或者rgb(80%,60%,20%) 。加透明度透明度:rgba(255,212,192,0.5), alpha值添加后,颜色带透明度,最后一位取值1-0,1代表不透明,0代表全透明。
3.名字指定颜色:有16种基本颜色(所有浏览器都有)和150种扩展颜色(只有较新的浏览器上有)可以采用这种方法指定英文简写表示方法 color:red;
4.黑色透明色的表示方法:rgba(0,0,0,0.5)
5.#ccc表示浅灰色,#eee表示灰色,#333表示深灰色

<!doctype html>的作用

doctype文档申明,申明浏览器解析该页面时使用哪种HTML版本,<!doctype html>申明浏览器在解析该页面时使用HTML5版本解析。HTML发展中有多个版本(同一代码在同一浏览器中是如果使用不同版本解析,实际效果有差异甚至是错误),HTML5版本的推出是为了统一这种混乱的情况,HTML5具有向后兼容性。随着技术的发展形成相应文档,HTML标准会不断发展,不再有版本号6、7、8,甚至可以不再把它叫做HTML5,因为从现在开始它就是”HTML”。这就是为什么写的是<!doctype html>而不是<!doctype html5>。

严格模式和混杂模式的区别

严格模式申明浏览器解析该页面时使用最严格的语法标准解析,混杂模式以宽松的语法标准解析(实际显示的结果会比较怪异)。html5是没有DTD的,也就没有严格模式与宽松模式的区别

meta标签的作用及常见设置

<meta>标签位于head标签内,通常以名称/值对出现。提供了HTML文档的元数据(meta-information)。元数据不会显示在客户端,但页面加载后会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改,作者,和其他元数据。meta标签有两个属性:equiv、name,两个属性又有各自的内容”content”,常见的meta属性和值如下:
定义针对搜索引擎的关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述:
javascript<meta name="description" content="免费的 web 技术教程。" />
定义页面作者:
<meta name="author" content="Hege Refsnes" />
定义页面每5秒刷新一次:
<meta http-equiv="refresh" content="5" />
<meta http-equiv=”X-UA-compatible” content=”IE=edge,chrome=1″的作用
X-UA-Compatible是针对IE8版本的一个特殊文件头标记,用于为IE8指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。IE=edge告知IE浏览器使用最新的edge内核标准来解析渲染页面,chrome=1表示如果浏览器有chrome插件则使用chrome内核来解析渲染页面

常见的浏览器内核

浏览器最重要或者说核心的部分是渲染引擎“Rendering Engine”,一般称为浏览器内核。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 不同的浏览器内核对同一网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同。
1.Trident内核代表产品Internet Explorer,又称其为IE内核。是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括:IE、傲游、世界之窗浏览器、腾讯TT等。
2.Gecko内核代表作品Mozilla Firefox,Gecko是一套开放源代码的、以C++编写的网页排版引擎。Gecko是最流行的排版引擎之一,仅次于Trident。使用它的最著名浏览器有Firefox、Netscape。
3.WebKit内核代表作品Safari、Chrome,webkit 是一个开源项目,它的特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高,导致一些编写不标准的网页无法正常显示。
4.Presto内核代表作品Opera,Presto是由Opera Software开发的浏览器排版引擎。

    原文作者:x868086
    原文地址: https://segmentfault.com/a/1190000014909927
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞