全局架构
要想搭建html需要最基本的架构,此内容为一个网页必须的架构
<!doctype html>
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
<!doctype html>
设置文档的类型
<html>
html文档外层标签-----所有内宽容应设置在标签之内(整体)
<head>
元数据设置区域-----此处设置为浏览器行为,文件识别,加载,搜索引擎设置等信息(灵魂)
<body>
html页面显示内容区域-----此处内容为浏览器视窗显示区域(肉体)
文档元素
DOCTYPE元素
在HTML5中由于宽松的代码设计需求,doctype声明可以直接写为:<!doctype html>
doctype 元素是用来进行页面类型声明的元素。以下内容仅供大家了解。不用强记!
- HTML 4.01 Strict —HTML严格标准声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
- HTML 4.01 Transitional —HTML过渡标准声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。
- HTML 4.01 Frameset —HTML框架集标准声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。
- XHTML 1.0 Strict—XHTML严格标准声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。
- XHTML 1.0 Transitional —XHTML过渡标准声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。
- XHTML 1.0 Frameset —XHTML框架集标准声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
该 DTD 等同于 XHTML 1.0 Transitional,但允许框架集内容。
- XHTML 1.1 —XHTML1.1标准声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
该 DTD 等同于 XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的 ruby 支持)。
html元素
- 新增属性
manifest html元素针对于原有HTML变化并不大,主要是新增了一个属性:manifest属性,该属性用于离线存储的应用,我们会在离线应用中详细讲解该属性。
- 删除属性
无
- 修改属性
无
head元素
- 新增属性
无
- 删除属性
无
- 修改属性
无
body元素
- 新增属性
无
- 删除属性
alink、background、 bgcolor、 link、 margintop、 marginbottom、 marginleft、 marginright、 marginwidth、 text和vlink 以上所有属性都可以使用CSS代替。
- 修改属性
无
元数据元素
title元素
- 新增属性
无
- 删除属性
无
- 修改属性
无
base元素
- 新增属性
无
- 删除属性
无
- 修改属性
无
meta元素
- 新增属性
charset 该属性可以在HTML5中快速的进行字符集的声明操作。
html4声明字符集: <meta http-equiv="content-type" content = "text/html;charset=utf-8">
html5声明字符集: <meta charset="utf-8">
- 删除属性
无
- 修改属性
无
style元素
- 新增属性
scoped: 该属性用于限制CSS的有效范围 ,使CSS样式进对于当前元素及其子元素有效,不会影响外层元素
- 删除属性
scoped: 该属性已被移除,不建议使用。
- 修改属性
无
link元素
- 新增属性
sizes: 定义了链接属性大小,只对属性 rel=“icon” 起作用。
<link rel="shortcut icon" href="demo_icon.gif" type="image/gif" sizes="8x8">
可惜目前没浏览器实现
- 删除属性
charset、rev、target
- 修改属性
无
script元素
- 新增属性
async: 用于设置外部脚本异步加载,不需要等待,类似于VIP不用排队。
- 删除属性
language:设置语言种类,已删除。
- 修改属性
无
noscript元素
- 新增属性
无
- 删除属性
无
- 修改属性
无