HTML5的学习(一)HTML5标签
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标签的更多相关文章
- HTML5学习总结——HTML5入门与新增标签
一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序( ...
- HTML5学习之新增标签
转自:http://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html 作者:FlyDragon 一.引言 在本节中,笔者将向大家讲述 ...
- HTML5+CSS3学习笔记(一)
HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就是HTML ...
- (转)HTML5开发学习(2):本地存储之localStorage 、sessionStorage、globalStorage
原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(2):本地存储之localStorage ...
- 从零开始学 Web 之 HTML5(一)HTML5概述,语义化标签
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:ht ...
- HTML5 快速学习一
关注HTML5有一段时间了,一直没系统的去学习过. 对于HTML5的理解,之前停留在一些新的标签,一些api可以完成部分js完成的事情,仅此而已. 前段时间HTML5定稿了,看了一些这方面的报道,进行 ...
- HTML5+CSS3学习笔记(一) 概述
HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就 ...
- html5中hgroup和address标签使用总结
html5中hgroup和address标签使用总结 一.总结 一句话总结: hgroup元素(不推荐使用):用来给标题分组,通常放在header中: address元素:斜体显示:用来说明作者的联系 ...
- 数百个 HTML5 例子学习 HT 图形组件 – 3D建模篇
http://www.hightopo.com/demo/pipeline/index.html <数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇>里提到 HT 很 ...
- 数百个 HTML5 例子学习 HT 图形组件 – 3D 建模篇
http://www.hightopo.com/demo/pipeline/index.html <数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇>里提到 HT 很 ...
随机推荐
- 2.18比赛(T2,T3留坑)
2.18比赛(T2,T3留坑) pdf版题面 pdf版题解 超越一切(ak) [题目描述] 夏洛可得到一个(h+1)×(w+1)的巧克力,这意味着她横着最多可 以切 h 刀,竖着最多可以切 w 刀 她 ...
- BZOJ2863[SHOI2012]魔法树——树链剖分+线段树
题目描述 输入 输出 样例输入 4 0 1 1 2 2 3 4 Add 1 3 1 Query 0 Query 1 Query 2 样例输出 3 3 2 树链剖分模板题,路径修改子树查询,注意节点 ...
- BZOJ1127 POI2008KUP(悬线法)
首先显然地,如果某个格子的权值超过2k,其一定不在答案之中:如果在[k,2k]中,其自身就可以作为答案.那么现在我们只需要考虑所选权值都小于k的情况. 可以发现一个结论:若存在一个权值都小于k的矩阵其 ...
- 日志收集-Elk6
一:前言 ELK是三个开源软件的缩写,分别表示:Elasticsearch , Logstash, Kibana , 它们都是开源软件.新增了一个FileBeat,它是一个轻量级的日志收集处理工具(A ...
- HS BDC HDU - 3472(混合欧拉路径)
题意: 就是混合欧拉路径板题 解析: 欧拉路径加一条t_ ---> s_ 的边就变成了欧拉回路,所以利用这一点,如果存在两个奇点,那么这两个奇点出度大的是s_,入度大的是t_,加一条t_ -- ...
- day11 filter函数
场景模拟:我想判断某个列表里面的某个元素怎么怎么样 基础方法,如果需要判断多次则重复代码 ret = [] move_peole = ["alex","sb_wupeiq ...
- 【 Gym - 101138D 】Strange Queries (莫队算法)
BUPT2017 wintertraining(15) #4B Gym - 101138D 题意 a数组大小为n.(1 ≤ n ≤ 50 000) (1 ≤ q ≤ 50 000)(1 ≤ ai ≤ ...
- 03 Zabbix4.0添加cisco交换机基本监控步骤
点击返回:自学Zabbix之路 点击返回:自学Zabbix4.0之路 点击返回:自学zabbix集锦 03 Zabbix4.0添加cisco交换机基本监控步骤 主题监控一台cisco网络设备的6项内容 ...
- 自学Zabbix12.5 Zabbix命令-zabbix_proxy
点击返回:自学Zabbix之路 点击返回:自学Zabbix4.0之路 点击返回:自学zabbix集锦 自学Zabbix12.5 Zabbix命令-zabbix_proxy 1. zabbix prox ...
- 【转】九大排序算法-C语言实现及详解
概述 排序有内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存. 我们这里说说八大排序就是内部排序. 当n较大, ...