资讯专栏INFORMATION COLUMN

HTML规范

sixleaves / 3345人阅读

摘要:一般是英文以外的字符出现乱码,因为都使用的第一个字节编码英文字符集。同理,如果文件保存为格式,一定在文件里添加中颜色的表示方法十六进制表示即每两位分别表示一组颜色的数值。内核代表产品,又称其为内核。是最流行的排版引擎之一,仅次于。

网页乱码是如何产生的

页面编辑后保存的编码格式和浏览器解析文件时的编码格式不一致。一般是英文以外的字符出现乱码,因为UTF-8、GBK都使用的第一个字节编码英文字符集。解决方法:网页编辑后保存的字符编码格式与页面中head标签里设置的charsert值一致。网页文件编辑保存时,如果保存格式为utf-8,那么一定要在html的里添加,这句话的意思是告诉浏览器在打开这个页面的时候不要使用默认的编码格式解码,直接z用utf-8去解码。 同理,如果文件保存为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版本,申明浏览器在解析该页面时使用HTML5版本解析。HTML发展中有多个版本(同一代码在同一浏览器中是如果使用不同版本解析,实际效果有差异甚至是错误),HTML5版本的推出是为了统一这种混乱的情况,HTML5具有向后兼容性。随着技术的发展形成相应文档,HTML标准会不断发展,不再有版本号6、7、8,甚至可以不再把它叫做HTML5,因为从现在开始它就是"HTML"。这就是为什么写的是而不是。

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

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


meta标签的作用及常见设置

标签位于head标签内,通常以名称/值对出现。提供了HTML文档的元数据(meta-information)。元数据不会显示在客户端,但页面加载后会被浏览器解析。META元素通常用于指定网页的描述,关键词,文件的最后修改,作者,和其他元数据。meta标签有两个属性:equiv、name,两个属性又有各自的内容"content",常见的meta属性和值如下:
定义针对搜索引擎的关键词:

定义对页面的描述:
javascript
定义页面作者:

定义页面每5秒刷新一次:


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开发的浏览器排版引擎。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52358.html

相关文章

  • HTML编码规范

    摘要:当然我们还可以引入框架,这些框架一般都自带模板处理引擎,比如等语义化命名和语义化标签我们尽量多采用语义化来命名,并且采用语义化标签来书写代码,多用中新增的标签来书写。 1.黄金法则(Golden rule) 不管有多少人参与同一个项目,一定要确保每一行代码都像是同一个人编写的。 Every line of code should appear to be written by a si...

    nifhlheimr 评论0 收藏0
  • 01-html介绍和head标签

    摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...

    番茄西红柿 评论0 收藏0
  • [译]谷歌 HTML/CSS 规范

    摘要:通用格式规范缩进一次缩进个空格,不要使用或者混合和空格的缩进。语义化根据使用场景选择正确的元素有时被错误的称为标签。格式规范引号属性值用双引号。风格规范和命名使用有含义的和名称。和单位值为时不用添加单位。 原文 Google HTML/CSS Style Guide 背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在提高代码质量和协作效率。 通用样式规范 协议 图片,样...

    seasonley 评论0 收藏0
  • [译]谷歌 HTML/CSS 规范

    摘要:通用格式规范缩进一次缩进个空格,不要使用或者混合和空格的缩进。语义化根据使用场景选择正确的元素有时被错误的称为标签。格式规范引号属性值用双引号。风格规范和命名使用有含义的和名称。和单位值为时不用添加单位。 原文 Google HTML/CSS Style Guide 背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在提高代码质量和协作效率。 通用样式规范 协议 图片,样...

    whinc 评论0 收藏0
  • 前端、HTML+CSS+JS编写规范(终极版)

    摘要:文档规范和文档必须采用编码格式文档必须使用的标准文档格式编写规范和的标签属性类名都必须使用小写字母和的属性类名命名必须具有语义化代码必须保持文档结构清晰,必须合理的进行代码缩进文件禁止样式表内引用文件编写格式,样式代码保持一行,多个选择器 HTMLCSS文档规范 HTML和CSS文档必须采用UTF-8编码格式; HTML文档必须使用HTML5的标准文档格式; HTMLCSS编写规范...

    jsyzchen 评论0 收藏0
  • 前端、HTML+CSS+JS编写规范(终极版)

    摘要:文档规范和文档必须采用编码格式文档必须使用的标准文档格式编写规范和的标签属性类名都必须使用小写字母和的属性类名命名必须具有语义化代码必须保持文档结构清晰,必须合理的进行代码缩进文件禁止样式表内引用文件编写格式,样式代码保持一行,多个选择器 HTMLCSS文档规范 HTML和CSS文档必须采用UTF-8编码格式; HTML文档必须使用HTML5的标准文档格式; HTMLCSS编写规范...

    _Dreams 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<