前端基础知识整理(二)

转载 2015年07月06日 17:26:24

HTML的Doctype

定义和用法

声明必须是 HTML 文档的第一行,位于 标签之前。
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 声明,这样浏览器才能获知文档类型。

  • 注释: 声明没有结束标签。
  • 提示: 声明对大小写不敏感

常用的 DOCTYPE 声明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict(标准模式)

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict(标准模式)

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

什么是标准模式与混杂模式?

  • 混杂模式(quirks mode)

    //让IE的行为与(包含非标准特性的)IE5相同

  • 标准模式(standards mode)

//让IE的行为更接近标准行为

  • 准标准模式(almost standards mode)

//这种模式下的浏览器特性有很多都是符合标准的,不标准的地方主要体现在处理图片间隙的时候(在表格中使用图片时问题最明显)。

  • 超级标准模式:

//IE8引入的一种新的文档模式,超级文档模式可以让IE以其所有版本中最符合标准的方式来解释网页内容。

如果没有声明文档类型,则会自动使用混杂模式
声明为严格型就是标准模式,其他的几个都是准标准模式

前端基础知识整理(一)

javascript 变量赋值问题,连续赋值问题
  • goodzyw
  • goodzyw
  • 2015年07月05日 23:21
  • 365

基础知识整理-函数

基础知识整理-函数
  • yang63515074
  • yang63515074
  • 2017年10月13日 18:13
  • 49

Web前端之基础知识

学习web前端开发基础技术需要掌握:HTML、CSS、Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2.C...
  • bear_huangzhen
  • bear_huangzhen
  • 2015年06月06日 23:00
  • 3725

关于前端基础知识储备的几点分享

周六有幸做了一次线下分享,其中关于前端基础知识储备几点如下:一、try 大法亲手实操是掌握知识的很有效的方法,要常去控制台做test;1,console里敲代码,测属性和方法;比方 Array的len...
  • simonyuan100
  • simonyuan100
  • 2016年09月25日 22:43
  • 374

前端基础知识整理(四)

js面向对象的程序设计
  • goodzyw
  • goodzyw
  • 2015年07月09日 16:30
  • 240

前端基础知识整理(三)

js作用域与闭包
  • goodzyw
  • goodzyw
  • 2015年07月07日 12:39
  • 279

C程序设计基础教程-学习要点整理(个人)

第一章   1.1C语言概述 一、C语言的特点和应用 1、语言简洁、紧凑、灵活 2、运算符和数据类型丰富 3、具有结构化的控制语句 4、语法限制不太严格 5、允许直接访问物理地址 6...
  • Jessica_gtm
  • Jessica_gtm
  • 2017年08月01日 14:38
  • 133

前端-CSS基础知识(二)

CSS样式属性之一position控制组件的摆放位置static默认情况下position属性值为static。relativeabsolute如果我们设置组件position=absolute,那么...
  • prince77qiqiqq
  • prince77qiqiqq
  • 2017年04月11日 10:24
  • 125

前端基础知识——HTML(二 )

-HTML是负责描述文档语义的语言。 我们应该记住的是HTML的所有标签只是为了给文字增加语义的,比如我下面会介绍的标题标签是给文本增加主标题的语义,而不是给文字加粗、加黑、变大。 - HTML...
  • simon_dg
  • simon_dg
  • 2017年08月29日 08:31
  • 156

web前端工程师基础知识点

看了一个web培训的大纲,感觉这些确实涵盖了在开发过程当中的一些知识点,特此总结了一下。同时也是第一次尝试了使用markdown这个编辑器,感觉不错。 特此推荐一下 HTMLXHTML Dreamwe...
  • qq443068902
  • qq443068902
  • 2015年10月23日 12:16
  • 724
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:前端基础知识整理(二)
举报原因:
原因补充:

(最多只允许输入30个字)