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. [IOI2018]排座位——线段树

    题目链接: IOI2018seat 题目大意:给出一个$H*W$的矩阵,将$0 \sim W*H-1$分别填入矩阵的格子里(每个格子里一个数),定义一个子矩阵是美妙的当且仅当这个子矩阵包含且仅包含$0 ...

  2. BZOJ1433[ZJOI2009]假期的宿舍——二分图最大匹配

    题目描述 学校放假了······有些同学回家了,而有些同学则有以前的好朋友来探访,那么住宿就是一个问题.比如A 和B都是学校的学生,A要回家,而C来看B,C与A不认识.我们假设每个人只能睡和自己直接认 ...

  3. day26 多继承

    class A(object): def test(self): print('from A') class B(A): def test(self): print('from B') class C ...

  4. 04 自学Aruba之定制AC的protal认证登陆页面

    点击返回:自学Aruba之路 04 自学Aruba之定制AC的protal认证登陆页面 方法一: 使用Aruba控制器中内置的网页界面 Configuration下MANAGEMENT>Capt ...

  5. 自学Python2.9-循环(while、for)

    自学Python之路 自学Python2.9-循环(while.for) 1. while循环 Python中while语句的一般形式: while 判断条件: 语句 作用:提高开发效率,提高代码重用 ...

  6. cf500E New Year Domino (倍增)

    先用线段树处理出推倒某一个后能覆盖到的最右端的位置R(绝对不能是最右边的那个骨牌,因为有可能右面的很短,左面的巨长(R不随L单调),后面算花费又需要用到这个位置),之后可以花费R到第一个比R大的左端点 ...

  7. bzoj5280/luogu4376 MilkingOrder (二分答案+拓扑序)

    二分答案建图,然后判环,就可以了. 字典序输出的话,只要做拓扑序的时候用优先队列来维护就可以了. (其实判环也可以用拓扑序...) #include<cstdio> #include< ...

  8. exec函数族的使用

    作者:王姗姗,华清远见嵌入式学院讲师. exec用被执行的程序完全替换调用它的程序的影像.fork创建一个新的进程就产生了一个新的PID,exec启动一个新程序,替换原有的进程,因此这个新的被exec ...

  9. 【洛谷P4180】严格次小生成树

    题目大意:给定一个 N 个顶点,M 条边的带权无向图,求该无向图的一个严格次小生成树. 引理:有至少一个严格次小生成树,和最小生成树之间只有一条边的差异. 题解: 通过引理可以想到一个暴力,即:先求出 ...

  10. JavaScript窗体Window.ShowModalDialog使用详解

    Javascript有许多内建的方法来产生对话框,如:window.alert(), window.confirm(),window.prompt().等. 然而IE提供更多的方法支持对话框.如: s ...