HTML5是WHATWG与W3C合作,创建的一个新版本的HTML。2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。HTML5相比于之前的HTML的其他版本增加了一些新的特性。

1.HTML5的新特性

  • 用于绘画的canvas元素
  • 用于媒介回放的video和audio元素
  • 对本地离线存储的更好的支持
  • 新的特性内容元素
  • 新的表单控件

2.HTML5标签

(注:红色为HTML5不支持的,蓝色为HTML5新增的标签元素。)

标签 描述 HTML4 HTML5
<!--...--> 定义注释。
<!DOCTYPE> 定义文档类型。
<a> 定义超链接。
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
 
<address> 定义文档作者或拥有者的联系信息。
<applet> 定义嵌入的applet。
 
<area> 定义图像内部的映射区域。
<article> 定义文章。  
<aside> 定义页面内容之外的内容。  
<audio> 定义声音内容。  
<b> 定义粗体文本。
<base> 定义页面中所有链接的默认地址或默认目标。
<basefont> 定义页面中文本的默认字体、颜色和大小。
<bdo> 定义文字方向。
<bdi> 定义文本的文本方向,使其脱离其周围的文本的方向设置
 
<big> 定义大号文本。
 
<blockquote> 定义长的引用。
<body> 定义文档的主体。
<br> 插入换行符。
<button> 定义按钮。
<canvas> 定义图形。  
<caption> 定义表格标题。
<center> 定义居中文本。
 
<cite> 定义引用。
<code> 定义计算机代码文本。
<col> 定义表格中一个或多个列的属性值。
<colgroup> 定义表格中供格式化的分组。
<command> 定义命令按钮。  
<datalist> 定义下拉列表。  
<dd> 定义定义列表中的项目的描述。
<del> 定义被删除文本。
<details> 定义元素的细节。  
<dfn> 定义定义项目。
<dir> 定义目录列表。
 
<div> 定义文档中的节。
<dl> 定义定义列表。
<dt> 定义定义列表中的项目。
<dialog> 定义对话框或窗口。  
<em> 定义强调文本。
<embed> 定义外部交互内容或插件。  
<fieldset> 定义围绕表单中元素的边框。
<figcaption> 定义figure元素的标题。  
<figure> 定义媒介内容的分组,以及他们的标题。  
<font> 定义文字的字体、大小、颜色。
 
<footer> 定义section或page的页脚。  
<form> 定义供用户输入的HTML表单。
<frame> 定义框架集的窗口或框架。
 
<frameset> 定义框架集。
 
<h1>to<h6> 定义HTML标题。
<head> 定义关于文档的信息。
<header> 定义section或者page的页眉。  
<hgroup> 定义有关文档中的section的信息。  
<hr> 定义水平线。
<html> 定义html文档。
<i> 定义斜体文本。
<iframe> 定义内联框架。
<img> 定义图像。
<input> 定义输入控件。
<ins> 定义被插入文本。
<keygen> 定义生成密钥。  
<isindex> 定义与文档相关的可搜索引擎。
<kbd> 定义键盘文本。
<label> 定义input元素的标注。
<legend> 定义fieldset元素的标题。
<li> 定义列表的项目。
<link> 定义文档与外部资源的关系。
<map> 定义图像映射。
<mark> 定义有记号的文本。  
<menu> 定义命令的列表或菜单。
<meta> 定义关于HTML文档的元信息。
<meter> 定义预定义范围内的度量。  
<nav> 定义导航链接。  
<noframes> 定义针对不支持框架的用户的替代内容。
 
<noscript> 定义针对不支持客户端脚本的用户的替代内容。
<object> 定义内嵌对象。
<ol> 定义有序列表。
<optgroup> 定义选择列表中相关选项的组合。
<option> 定义选择列表中的选项。
<output> 定义输出的一些类型。  
<p> 定义段落。
<param> 定义对象的参数。
<pre> 定义预格式的文本。
<progress> 定义任何类型的任务的进度。  
<q> 定义段的引用。
<rp> 定义若浏览器不支持ruby元素显示的内容。  
<rt> 定义ruby注释的解释。  
<ruby> 定义ruby注释。  
<s> 定义加删除线的文本。
<samp> 定义计算机代码样本。
<script> 定义客户端脚本。
<section> 定义section。  
<select> 定义选择列表(下拉列表)。
<small> 定义小号文本。
<source> 定义媒介源。  
<span> 定义文档中的节。
<strike> 定义加删除线文本。
 
<strong> 定义强调文本。
<style> 定义文档的样式信息。
<sub> 定义下标文本。
<summary> 为<details>元素定义可见的标题。  
<sup> 定义上标文本。
<table> 定义表格。
<tbody> 定义表格中的主体部分。
<td> 定义表格中的单元。
<textarea> 定义多行的文本输入控件。
<tfoot> 定义表格中的标注内容(脚注)。
<th> 定义表格中的表头单元格。
<thead> 定义表格中的表头内容。
<time> 定义日期/时间。  
<title> 定义文档的标题。
<tr>  定义表格中的行。 
√ 
<tt> 定义打字机文本。
<track> 定义用在媒体播放器中的文本轨道。  
<u> 定义下划线文本。
<ul> 定义无序列表。
<var> 定义文本的变量文本。
<video> 定义视频。  
<war> 定义文本中的何处合适添加换行符。  
<xmp> 定义预格式文本。

HTML5的学习(一)HTML5标签的更多相关文章

  1. HTML5学习总结——HTML5入门与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...

  2. HTML5学习之新增标签

    转自:http://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html 作者:FlyDragon 一.引言 在本节中,笔者将向大家讲述 ...

  3. HTML5+CSS3学习笔记(一)

    HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就是HTML ...

  4. (转)HTML5开发学习(2):本地存储之localStorage 、sessionStorage、globalStorage

    原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(2):本地存储之localStorage ...

  5. 从零开始学 Web 之 HTML5(一)HTML5概述,语义化标签

    大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...

  6. HTML5 快速学习一

    关注HTML5有一段时间了,一直没系统的去学习过. 对于HTML5的理解,之前停留在一些新的标签,一些api可以完成部分js完成的事情,仅此而已. 前段时间HTML5定稿了,看了一些这方面的报道,进行 ...

  7. HTML5+CSS3学习笔记(一) 概述

    HTML5+CSS3概述      HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就 ...

  8. html5中hgroup和address标签使用总结

    html5中hgroup和address标签使用总结 一.总结 一句话总结: hgroup元素(不推荐使用):用来给标题分组,通常放在header中: address元素:斜体显示:用来说明作者的联系 ...

  9. 数百个 HTML5 例子学习 HT 图形组件 – 3D建模篇

    http://www.hightopo.com/demo/pipeline/index.html <数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇>里提到 HT 很 ...

  10. 数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇

    http://www.hightopo.com/demo/pipeline/index.html <数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇>里提到 HT 很 ...

随机推荐

  1. Baltic Dry Index

    波罗的海干散货指数(Baltic Dry Index,缩写BDI),是航运业的经济指标,它包含了航运业的干散货交易量的转变. BDI波罗的海指数是由几条主要航线的即期运费(Spot Rate)加权计算 ...

  2. iOS程序的启动执行顺序

    1 程序的入口 进入main函数, 设置AppDelegate称为函数的代理 2  程序完成加载 -[AppDelegate application:didFinishLaunchingWithOpt ...

  3. Jquery 行选中背景色

    直接上代码: 懒得以后网上在查了,拷贝直接可用 Style: .tbSelectCss { background-color:#d5f4fe; } Html: <table name=" ...

  4. wordpress文章页两侧添加分页导航箭头

    分页导航 如果添加在文章页的两侧,很方便读者翻阅,小编发现好多站长的博客都添加了这一功能,百度了一下,就是JS和css的功能,经过测试成功,分享一下流程. 1.添加Js 在headr.php或者foo ...

  5. 【AtCoder010】A - Addition(奇偶)

    AtCoder Grand Contest 010 A题 题目链接 题意 n个数,每次取两个奇偶性相同的数用他们的和代替他们,问最后能否只剩下一个数. 题解 因为奇偶相同的两个数之和一定是偶数,所以Y ...

  6. 自学Zabbix之路15.2 Zabbix数据库表结构简单解析-Items表

    点击返回:自学Zabbix之路 点击返回:自学Zabbix4.0之路 点击返回:自学zabbix集锦 自学Zabbix之路15.2 Zabbix数据库表结构简单解析-Items表 Items表记录了i ...

  7. suoi46 最大和和 (线段树)

    <Segment tree Beats!>,反正我不会 #include<bits/stdc++.h> #define pa pair<int,int> #defi ...

  8. luogu3646 巴厘岛的雕塑 (dp)

    我们一位一位地来做,每次判断这一位能否放0,而且要在满足前几位的情况下.用dp来判断 具体来说,设f[i][j]表示前i个划分成j个区间能否满足,那么我们会有转移trans[i][k+1],当区间[i ...

  9. 前端学习 -- Html&Css -- 层级和透明度

    层级 如果定位元素的层级是一样,则下边的元素会盖住上边的. 通过z-index属性可以用来设置元素的层级,可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示. ...

  10. Elasticsearch GC 时间过长的解决方法

    前言:GC 时间过长是个常见的问题,下文我将对应的现象和解决方案进行阐述.为什么这么解决,可以参考我的另外一个博客中的内存使用和GC指标这个章节 我们有时会发现elasticsearch集群挂掉,或者 ...