一、废弃的标签和属性

　　1、表现性元素

　　　　a) basefont

　　　　b) big

　　　　c) center

　　　　d) font

　　　　e) strike

　　　　f) tt　　

　　2、框架类元素

　　　　a) frame

　　　　b) frameset

　　　　c) noframe

　　3、其他元素

　　　　a) acronym  -- 可以用 abbr 取代

　　　　b) applet  --  可以用 object 代替

　　　　c) isindex  --  可以用表单控件代替

　　　　d) dir  --  可以用 ul 代替

　　4、属性　　

ID

对应元素

属性名称

01

link, a

rev, charset

02

a

shape, coords

03

img, iframe

longdesc

04

link

target

05

area

nohref

06

head

profile

07

html

version

08

img

name

09

meta

scheme

10

object

archive, classid, codebase, codetype, declare, standby

11

param

valuetype, type

12

td, th

axis, abbr

13

td

scope

14

table

summary

15

caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead, tr

align

16

body

alink, link, text, vlink

17

body

background

18

table, tr, td, th, body

bgcolor

19

object

border

20

table

cellpadding, cellspacing

21

col, colgroup, tbody, td, tfoot, th, thead, tr

char, charoff

22

br

clear

23

dl, menu, ol, ul

compact

24

table

frame

25

iframe

frameborder

26

td, th

height

27

img, object

hspace, vspace

28

iframe

marginheight, marginwidth

29

hr

noshade

30

td, th

nowrap

31

table

rules

32

iframe

scrolling

33

hr

size

34

li, ol, ul

type

35

col, colgroup, tbody, td, tfoot, th, thead, tr

valign

36

hr, table, td, th, col, colgroup, pre

width

二、新增的标签和属性

增加标签：

1、结构标签

（1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；

（2）article：特殊独立区块，表示这篇页眉中的核心内容；

（3）aside：标签内容之外与标签内容相关的辅助信息；

（4）header：某个区块的头部信息/标题；

（5）hgroup：头部信息/标题的补充内容；

（6）footer：底部信息；

（7）nav：导航条部分信息

（8）figure：独立的单元，例如某个有图片与内容的新闻块。

2、表单标签

（1）email：必须输入邮件；

（2）url：必须输入url地址；

（3）number：必须输入数值；

（4）range：必须输入一定范围内的数值；

（5）Date Pickers：日期选择器；

a.date：选取日、月、年

b.month：选取月、年

c.week：选取周和年

d.time：选取时间（小时和分钟）

e.datetime：选取时间、日、月、年（UTC时间）

f.datetime-local：选取时间、日、月、年（本地时间）

（6）search：搜索常规的文本域；

（7）color：颜色

3、媒体标签

（1）video：视频

（2）audio：音频

（3）embed：嵌入内容（包括各种媒体），Midi、Wav、AU、MP3、Flash、AIFF等。

4、其他功能标签

（1）mark：标注（像荧光笔做笔记）

（2）progress：进度条；<progress max="最大进度条的值" value="当前进度条的值">

（3）time：数据标签，给搜索引擎使用；发布日期<time datetime="2014-12-25T09:00">9：00</time>更新日期<time datetime="2015- 01-23T04:00" pubdate>4:00</time>

（4）ruby和rt：对某一个字进行注释；<ruby><rt>注释内容</rt><rp>浏览器不支持时如何显示</rp></ruby>

（5）wbr：软换行，页面宽度到需要换行时换行；

（6）canvas：使用JS代码做内容进行图像绘制；

（7）command：按钮；

（8）deteils ：展开菜单；

（9）dateilst：文本域下拉提示；

（10）keygen:加密；

新增的属性：

对于js进行添加的属性。

<script defer src=".....js" onload="alert('a')"></script>

<script async src=".....js" onload="alert('b')"></script>

如果没有以上两个属性的话，执行顺序为先加载（下载）第一个src，然后在执行其onload，然后在向下依次同步执行defer属性在h5之前就已经有了，输入延迟加载（推迟执行），它会先加载（下载）src中文件内容，然后等页面全部加载完成后，再加载onload中js.async属性属于异步加载，它会在加载src后，立即执行onload,同时还会继续加载页面以上执行顺序，alert显示会先显示b然后再显示a

网页中标签中加入小图标的样式代码

<link rel="icon" href="url..." type="图片名称" sizes="16*16">

有序列表ol:新增start（列表起始值），reversed（是否倒置）menu菜单type属性（3个菜单类型）内嵌css样式：在标签内部来定义一个样式区块（scoped）,只对样式标签内部才有效内嵌框架：iframe元素，新增了seamless无边距无边框，srcdoc定义了内嵌框架的内容

<iframe>新增属性：

<!--seamless定义框架无边框 无边距-->

<!--srcdoc的显示级别比sandbox高-->

<!--sandbox用来规定一个内嵌框架的安全级别-->

<!--sandbox="allow-forms:允许提交表单"-->

<!--sandbox="allow-origin:允许是相同的源"-->

<!--sandbox="allow-scripts：允许执行脚本"-->

<!--sandbox="allow-top-navigation:允许使外面的页面进行跳转"-->

manifest属性：

定义页面需要用到的离线应用文件，一般放在<html>标签里

charset属性：

meta属性之一,定义页面的字符集

sizes属性：

<link>新增属性，当link的rel="icon"时，用以设置图标大小

base属性:

<base href="http://localhost/" target="_blank">表示当在新窗口打开一个页面时，会将href中的内容作为前缀添加到地址前

defer属性：

script标签属性，表示脚本加载完毕后，只有当页面也加载完毕才执行（推迟执行）

async属性：

script标签属性，脚本加载完毕后马上执行（运行过程中浏览器会解析下面的内容），即使页面还没有加载完毕（异步执行）

media属性：

<a>元素属性：表示对何种设备进行优化

hreflang属性：

<a>的属性，表示超链接指向的网址使用的语言

ref属性：

<a>的属性,定义超链接是否是外部链接

reversed属性:

<ol>的属性，定义序号是否倒叙

start属性：

<ol>的属性，定义序号的起始值

scoped属性：

内嵌CSS样式的属性，定义该样式只局限于拥有该内嵌样式的元素，适用于单页开发

HTML5全局属性：对任意标签都可以使用的，以下6个

data-yourvalue 、hidden、Spenllecheck、tabindex、contenteditable、desginMode；

全局属性：

1.可直接在标签里插入的：data-自定义属性名字；

hidden（直接放上去就是隐藏）；

spellcheck="true"（语法纠错）；

tabindex="1"（Tab跳转顺序）；

contenteditable="true"(可编辑状态，单击内容，可修改)；

2.在JavaScript里插入的window.document.designMode = 'on'（JavaScript的全局属性，整个页面的文本都可以编辑了）；

h5废弃的标签和属性及新增的标签和属性的更多相关文章

  1. H5新增的标签和属性

    声明 Web 世界中存在许多不同的文档.只有了解文档的类型,浏览器才能正确地显示文档. HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML ...

  2. HTML5新增的标签和属性归纳

    收集总结的HTML5的新特性,基本除了IE9以下都可以使用. HTML5语法 大部分延续了html的语法 不同之处:开头的 <!DOCTYPE html> <html lang=&q ...

  3. HTML5新增video标签及对应属性、API详解

    知识说明: 比不上很牛的前端开发人员,但自始至终明白“万丈高楼平地起”,基础最重要,初学HTML5,稳固基础第一步,把最基本的整理下来,留下自己学习的痕迹.HTML5新增的video标签,将其属性以及 ...

  4. h5新增html标签语义

    H5新增常用标签<body> <header>...</header> <nav>...</nav> <article> < ...

  5. H5新增的标签总结

    1:便于排版的Form表单 HTML5为了方便排版,可以使form的表单标签脱离form的嵌套. 方法:form指定id,所有的标签标签都添加form= id属性. 例如: <form acti ...

  6. HTML5新增的标签与属性

    一.关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二.HTML5结构标签 <header> 标记定义一个页面或一个区域的头部 &l ...

  7. H5新增的标签以及改良的标签

    1>OL标签的改良 start type  reversed:翻转排序 2>datalist标签自动补全的使用 3>progress标签的使用:进度条 4>meter标签的应用 ...

  8. 小K的H5之旅-HTML的基本结构与基本标签

    一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML文档的结构 HTML文档主要包括三大部分:文档声明部分.<head>头部部 ...

  9. 重温html5的新增的标签和废除的标签

    HTML5已经盛行有段时间了,对于标签的使用,按照规范,哪些该用,哪些不该用,你是否都掌握了呢.今天我在这里详细列举下: 新增的结构标签 section元素 表示页面中的一个内容区 块,比如章节.页眉 ...

随机推荐

  1.  Link 

    GNU/Linux, Bash, C, PHP, Perl, JavaScript, Vim, Git http://blog.sanctum.geek.nz/about   中文數學詞典 http: ...

  2. 吐槽 坑爹的MySQL安装路径选择

    一般再windows下面安装MySQL我们都会选择msi安装模式,然而安装最新版的MySQL(mysql-installer-community-5.7.11.0.msi 下载地址)发现MySQL默认 ...

  3. 内核模块编译时怎样绕过insmod时的版本检查

    1.Uboot:每个arm芯片或者海斯芯片都有各自的uboot. 2.但他们的内核版本可以是一样的,主要是跟各自内核的进行的编译选项有关, 31的内核版本里加了版本检查选项“Kernel type-& ...

  4. U-Boot中支持USB

    转载: http://blog.csdn.net/qiurihuanghua/article/details/6234832 今天查看了一下在P4080DS板子的U-Boot中支持USB,主要是加入U ...

  5. 七、golang中接口、反射

    一.接口定义 1.定义 interface类型可以定义一组方法,但是这些不需要实现,并且interface不能包含任何变量 package main import ( "fmt" ...

  6. 记Outlook插件与Web页面交互的各种坑 (含c# HttpWebRequest 连接https 的完美解决方法)

    1) 方案一,  使用Web Service  基础功能没问题, 只是在连接https (ssh) 网站时, 需要针对https进行开发 (即http 和https 生成两套接口, 不太容易统一 ). ...

  7. centos安装zabbix监控服务器端

    首先安装zabbx 依赖yum install net-snmp-devel libxml2-devel libcurl-devel -y 下载zabbix 源码包wget https://ncu.d ...

  8. 【bzoj3238】差异[AHOI2013]（后缀数组+单调栈）

    题目传送门:http://www.lydsy.com/JudgeOnline/problem.php?id=3238 这道题从大概半年以前就开始啃了,不过当时因为一些细节没调出来,看了Sakits神犇 ...

  9. CentOS 7 安装 docker-compose

    compose是用来在docker中定义和运行复杂应用的小工具,比如在一个文件中定义多个容器,只用一行命令就可以让一切就绪并运行. 安装pip: 这里显示,找不到相应的包?? 说没有python-pi ...

  10. R语言笔记004——R批量读取txt文件

    R批量读取txt文件 本文数据,代码都是参考的是大音如霜公众号,只是自己跟着做了一遍. path<-'C:\\Users\\Administrator\\Desktop\\docs' docs& ...