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. 认真学习Linux系统让你真的有收获

    学习,最重要的是有一个认真的态度,熟话说,读书可以改变命运,以前觉得并不一定是这样,其实经历的多了才知道,事实确实如此.试想一个不会写字看书的人,他的生活该有多么无聊.读书容易,但读好书并不总是件容易 ...

  2. 分布式 NewSQL 对比

    1.TiDB: 说明: PingCAP 公司基于 Google Spanner / F1 论文实现的开源分布式 NewSQL 数据库. 开源分布式 NewSQL 关系型数据库 TiDB 是新一代开源分 ...

  3. Codeforces Round #423 (Div. 2, rated, based on VK Cup Finals) A,B,C

    A.题目链接:http://codeforces.com/contest/828/problem/A 解题思路: 直接暴力模拟 #include<bits/stdc++.h> using ...

  4. Java8的flatMap如何处理有异常的函数

    Java8的flatMap函数,作用是:如果有值,为其执行mapping函数返回Optional类型返回值,否则返回空Optional. 见到的映射函数往往都只有一句话,连大括号都不需要加的,如下: ...

  5. MT【205】寻找对称中心

    函数$f(x)=\dfrac{x}{x+1}+\dfrac{x+1}{x+2}+\cdots+\dfrac{x+2018}{x+2019}$ 的图像的对称中心_____ 提示:根据定义域可知如果有对称 ...

  6. ra (数论 , 莫比乌斯反演 , 整点统计)

    题意 求 \[\displaystyle \sum_{i=1}^{n} \sum_{j=1}^{n} [\mathrm{lcm} (i,j) > n] \pmod {10^9 + 7}\] . ...

  7. 【BZOJ3507】通配符匹配(哈希,动态规划)

    [BZOJ3507]通配符匹配(哈希,动态规划) 题面 BZOJ 题解 对于匹配唯一存在影响的只有通配符,而\(?\)的影响也并不大,所以唯一需要仔细考虑的是\(*\). 考虑一个\(dp\),设\( ...

  8. 【转】#pragma pack(push,1)与#pragma pack(1)的区别

    这是给编译器用的参数设置,有关结构体字节对齐方式设置, #pragma pack是指定数据在内存中的对齐方式. #pragma pack (n)             作用:C编译器将按照n个字节对 ...

  9. JDK源码分析(3)HashMap

    JDK版本 HashMap简介 HashMap基于哈希表的 Map 接口的实现.此实现提供所有可选的映射操作,并允许使用 null 值和 null 键.(除了不同步和允许使用 null 之外,Hash ...

  10. Java -- JDBC 学习--数据库连接池

    JDBC数据库连接池的必要性 在使用开发基于数据库的web程序时,传统的模式基本是按以下步骤: 在主程序(如servlet.beans)中建立数据库连接. 进行sql操作 断开数据库连接. 这种模式开 ...