文档元素及元数据元素

全局架构

要想搭建html需要最基本的架构,此内容为一个网页必须的架构

<!doctype html>
<html>                  
    <head>
        <title>标题</title>
    </head>
    <body>
    </body>
</html>

<!doctype html> 设置文档的类型

<html>html文档外层标签-----所有内宽容应设置在标签之内(整体)

<head>元数据设置区域-----此处设置为浏览器行为,文件识别,加载,搜索引擎设置等信息(灵魂)

<body>html页面显示内容区域-----此处内容为浏览器视窗显示区域(肉体)


文档元素

DOCTYPE元素

在HTML5中由于宽松的代码设计需求,doctype声明可以直接写为:<!doctype html>

doctype 元素是用来进行页面类型声明的元素。以下内容仅供大家了解。不用强记!

  1. 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)。

  1. 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)。

  1. 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,但允许框架集内容。

  1. 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 来编写标记。

  1. 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 来编写标记。

  1. 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,但允许框架集内容。

  1. 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元素

  1. 新增属性

manifest html元素针对于原有HTML变化并不大,主要是新增了一个属性:manifest属性,该属性用于离线存储的应用,我们会在离线应用中详细讲解该属性。

  1. 删除属性

  1. 修改属性

head元素

  1. 新增属性

  1. 删除属性

  1. 修改属性

body元素

  1. 新增属性

  1. 删除属性

alink、background、 bgcolor、 link、 margintop、 marginbottom、 marginleft、 marginright、 marginwidth、 text和vlink 以上所有属性都可以使用CSS代替。

  1. 修改属性


元数据元素

title元素

  1. 新增属性

  1. 删除属性

  1. 修改属性

base元素

  1. 新增属性

  1. 删除属性

  1. 修改属性

meta元素

  1. 新增属性

charset 该属性可以在HTML5中快速的进行字符集的声明操作。

html4声明字符集: <meta http-equiv="content-type" content = "text/html;charset=utf-8">

html5声明字符集: <meta charset="utf-8">

  1. 删除属性

  1. 修改属性

style元素

  1. 新增属性

scoped: 该属性用于限制CSS的有效范围 ,使CSS样式进对于当前元素及其子元素有效,不会影响外层元素

  1. 删除属性

scoped: 该属性已被移除,不建议使用。

  1. 修改属性

link元素

  1. 新增属性

sizes: 定义了链接属性大小,只对属性 rel=“icon” 起作用。

<link rel="shortcut icon" href="demo_icon.gif" type="image/gif" sizes="8x8">

可惜目前没浏览器实现

  1. 删除属性

charset、rev、target

  1. 修改属性

script元素

  1. 新增属性

async: 用于设置外部脚本异步加载,不需要等待,类似于VIP不用排队。

  1. 删除属性

language:设置语言种类,已删除。

  1. 修改属性

noscript元素

  1. 新增属性

  1. 删除属性

  1. 修改属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值