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. 02 基于umi搭建React快速开发框架(国际化)

    前言 之前写过一篇关于React的国际化文章,主要是用react-intl库,雅虎开源的.react-intl是用高阶组件包装一层来做国际化. 基于组件化会有一些问题,比如在一些工具方法中需要国际化, ...

  2. @classmethod 与 @staticmethod 区别

  3. 我的Linux系统九阴真经

    在今天,互联网的迅猛发展,科技技术也日新月异,各种编程技术也如雨后春笋一样,冒出尖来了.各种创业公司也百花齐放百家争鸣,特别是针对服务行业,新型互联网服务行业,共享经济等概念的公司,越来越多.有一些公 ...

  4. window.onload和document.ready

    浏览器解析大致有以下几个步骤: (1)    解析HTML结构 (2)       加载外部脚本和样式 (3)       解析并执行脚本代码 (4)       构造HTML DOM 模型 (5)  ...

  5. Educational Codeforces Round 26 B,C

    B. Flag of Berland 链接:http://codeforces.com/contest/837/problem/B 思路:题目要求判断三个字母是否是条纹型的,而且宽和高相同,那么先求出 ...

  6. Web.config中设置启用webservice远程调试访问 参数看不到

    <system.web><compilation debug="true" /> <!--begin启用webservice远程访问--> &l ...

  7. 洛谷P4072 [SDOI2016]征途(带权二分,斜率优化)

    洛谷题目传送门 一开始肯定要把题目要求的式子给写出来 我们知道方差的公式\(s^2=\frac{\sum\limits_{i=1}^{m}(x_i-\overline x)^2}{m}\) 题目要乘\ ...

  8. 【CH1602】最大异或和 trie+贪心

    题目大意:给定 N 个数,求这 N 个数中任选两个数进行异或运算,求最大的异或和是多少. 一个 int 类型的整数,可以看作一个长度为32位的字符串,异或运算不像加法,最大值不一定是由两个较大值得到. ...

  9. apache加载模块的说明

    转: apache加载模块的说明 2017年04月11日 15:23:35 刚子狂想 阅读数:1432   LoadModule auth_basic_module modules/mod_auth_ ...

  10. (stripTrailingZeros)A == B hdu2054

    A == B ? Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total S ...