HTML5的学习(二)HTML5标签
3.按功能排列标签
(注:红色为HTML5不支持的,蓝色为HTML5新增的标签元素。)
3.1基本
标签 | 描述 | HTML4 | HTML5 |
<!--...--> | 定义注释。 | √ | √ |
<!DOCTYPE> | 定义文档类型。 | √ | √ |
<body> | 定义文档的主体。 | √ | √ |
<div> | 定义文档中的节。 | √ | √ |
<footer> | 定义section或page的页脚。 | √ | |
<h1>to<h6> | 定义HTML标题。 | √ | √ |
<html> | 定义HTML文档。 | √ | √ |
<head> | 定义关于文档的信息。 | √ | √ |
<header> | 定义section或page的页眉。 | √ | |
<meta> | 定义关于HTML文档的元信息。 | √ | √ |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 | √ | √ |
<script> | 定义客户端脚本。 | √ | √ |
<style> | 定义文档的样式信息。 | √ | √ |
<title> | 定义文档的标题。 | √ | √ |
3.2格式
标签 | 描述 | HTML4 | HTML5 |
<acronym> | 定义首字母缩写。 | √ | √ |
<abbr> | 定义缩写。 | √ | √ |
<address> | 定义文档作者或拥有者的联系信息。 | √ | √ |
<b> | 定义粗体文本。 | √ | √ |
<basefont> | 定义页面中文本的默认字体、颜色和大小。 | √ | √ |
<bdi> | 定义文本的文本方向,使其脱离其周围的文本的方向设置。 | √ | |
<bdo> | 定义文字方向。 | √ | √ |
<big> | 定义大号文本。 | √ | |
<blockquote> | 定义长的引用。 | √ | √ |
<br> | 插入换行符。 | √ | √ |
<center> | 定义居中文本。 | √ | |
<cite> | 定义引用。 | √ | √ |
<code> | 定义计算机代码文本。 | √ | √ |
<del> | 定义被删除文本。 | √ | √ |
<dfn> | 定义定义项目。 | √ | √ |
<em> | 定义强调文本。 | √ | √ |
<font> | 定义文字的字体、大小、颜色。 | √ | |
<i> | 定义斜体文本。 | √ | √ |
<ins> | 定义被插入文本。 | √ | √ |
<kbd> | 定义键盘文本。 | √ | √ |
<mark> | 定义有记号的文本。 | √ | |
<meter> | 定义预定义范围内的度量。 | √ | |
<p> | 定义段落。 | √ | √ |
<pre> | 定义预格式的文本。 | √ | √ |
<progress> | 定义任何类型的任务的进度。 | √ | |
<q> | 定义段的引用。 | √ | √ |
<rp> | 定义若浏览器不支持ruby元素显示的内容。 | √ | |
<rt> | 定义ruby注释的解释。 | √ | |
<ruby> | 定义ruby注释。 | √ | |
<s> | 定义加删除线的文本。 | √ | √ |
<samp> | 定义计算机代码样本。 | √ | √ |
<small> | 定义小号文本。 | √ | √ |
<span> | 定义文档中的节。 | √ | √ |
<strike> | 定义加删除线文本。 | √ | |
<strong> | 定义强调文本。 | √ | √ |
<sup> | 定义上标文本。 | √ | √ |
<sub> | 定义下标文本。 | √ | √ |
<time> | 定义日期/时间。 | √ | |
<tt> | 定义打字机文本。 | √ | √ |
<u> | 定义下划线文本。 | √ | √ |
<var> | 定义文本的变量文本。 | √ | √ |
<war> | 定义文本中的何处合适添加换行符。 | √ | |
<xmp> | 定义预格式文本。 | √ | √ |
3.3表单
标签 | 描述 | HTML4 | HTML5 |
<button> | 定义按钮。 | √ | √ |
<datalist> | 定义下拉列表。 | √ | |
<form> | 定义供用户输入的HTML表单。 | √ | √ |
<fieldset> | 定义围绕表单中元素的边框。 | √ | √ |
<input> | 定义输入控件。 | √ | √ |
<isindex> | 定义与文档相关的可搜索引擎。 | √ | √ |
<keygen> | 定义生成密钥。 | √ | |
<label> | 定义input元素的标注。 | √ | √ |
<leguend> | 定义fieldset元素的标题。 | √ | √ |
<option> | 定义选择列表中的选项。 | √ | √ |
<output> | 定义输出的一些类型。 | √ | |
<optgroup> | 定义选择列表中相关选项的组合。 | √ | √ |
<select> | 定义选择列表(下拉列表)。 | √ | √ |
<textarea> | 定义多行的文本输入控件。 | √ | √ |
3.4框架
标签 | 描述 | HTML4 | HTML5 |
<frame> | 定义框架集的窗口或框架。 | √ | |
<frameset> | 定义框架集。 | √ | |
<noframes> | 定义针对不支持框架的用户的替代内容。 | √ | |
<iframe> | 定义内联框架。 | √ | √ |
3.5图像
标签 | 描述 | HTML4 | HTML5 |
<area> | 定义图像内部的映射区域。 | √ | √ |
<canvas> | 定义图形。 | √ | |
<hr> | 定义水平线。 | √ | √ |
<img> | 定义图像。 | √ | √ |
<map> | 定义图像映射。 | √ | √ |
3.6链接
标签 | 描述 | HTML4 | HTML5 |
<a> | 定义超链接。 | √ | √ |
<nav> | 定义导航链接。 | √ | |
<base> | 定义页面中所有链接的默认地址或默认目标。 | √ | √ |
<link> | 定义图像。 | √ | √ |
3.7列表
标签 | 描述 | HTML4 | HTML5 |
<command> | 定义命令按钮。 | √ | |
<dir> | 定义目录列表。 | √ | |
<dd> | 定义定义列表中的项目的描述。 | √ | √ |
<dt> | 定义定义列表中的项目。 | √ | √ |
<dl> | 定义定义列表。 | √ | √ |
<li> | 定义列表的项目。 | √ | √ |
<menu> | 定义命令的列表或菜单。 | √ | √ |
<ol> | 定义有序列表。 | √ | √ |
<ul> | 定义无序列表。 | √ | √ |
3.8表格
标签 | 描述 | HTML4 | HTML5 |
<col> | 定义表格中一个或多个列的属性值。 | √ | √ |
<colgroup> | 定义表格中供格式化的分组。 | √ | √ |
<caption> | 定义表格标题。 | √ | √ |
<table> | 定义表格。 | √ | √ |
<tbody> | 定义表格中的主体部分。 | √ | √ |
<th> | 定义表格中的表头单元格。 | √ | √ |
<thead> | 定义表格中的表头内容。 | √ | √ |
<tfoot> | 定义表格中的标注内容(脚注)。 | √ | √ |
<td> | 定义表格中的单元。 | √ | √ |
<tr> | 定义表格中的行。 | √ | √ |
3.9媒介
标签 | 描述 | HTML4 | HTML5 |
<audio> | 定义声音内容。 | √ | |
<figure> | 定义媒介内容的分组,以及他们的标题。 | √ | |
<figcaption> | 定义figure元素的标题。 | √ | |
<source> | 定义媒介源。 | √ | |
<track> | 定义用在媒体播放器中的文本轨道。 | √ | |
<video> | 定义视频。 | √ |
3.10其它
标签 | 描述 | HTML4 | HTML5 |
<applet> | 定义嵌入的applet。 | √ | |
<article> | 定义文章。 | √ | |
<aside> | 定义页面内容之外的内容。 | √ | |
<dialog> | 定义对话框或窗口。 | √ | |
<details> | 定义元素的细节。 | √ | |
<embed> | 定义外部交互内容或插件。 | √ | |
<hgroup> | 定义有关文档中的section的信息。 | √ | |
<object> | 定义内嵌对象。 | √ | √ |
<param> | 定义对象的参数。 | √ | √ |
<section> | 定义section。 | √ | |
<summary> | 为<details>元素定义可见的标题。 | √ |
HTML5的学习(二)HTML5标签的更多相关文章
- HTML5 快速学习二 Canvas
本篇文章开始讲解HTML5的核心功能之一:Canvas 通过Canvas可以动态生成和展示图形.图表.图像以及动画. Canvas API功能非常多,我们将讨论最常用的功能. 我们先新建一个canva ...
- 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+CSS3学习笔记(一) 概述
HTML5+CSS3概述 HTML5和CSS3不仅仅是两项新的Web技术标准,更代表了下一代HTML和CSS技术.虽然HTML5的标准规范还没有正式发布,但是未来的发展前景已经可以预见,那就 ...
- html5中hgroup和address标签使用总结
html5中hgroup和address标签使用总结 一.总结 一句话总结: hgroup元素(不推荐使用):用来给标题分组,通常放在header中: address元素:斜体显示:用来说明作者的联系 ...
- 数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇
HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向,接着就朝这个方向慢慢打 ...
- HTML5 例子学习 HT 图形组件
HTML5 例子学习 HT 图形组件 HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心 ...
随机推荐
- 国产首款5G手机抢先亮相:如此给力的说!
5G网络是接下来移动互联网发展的主旋律,各家都在努力跟进,目前最积极的当属手机厂商,而2019年我们就能看到多款5G手机降临了. 在11月27日的未来信息通信技术国际研讨会上,vivo展示了他们正在研 ...
- Java_常用工具类收集
一.日期工具类 package com.ebd.application.common.utils; import java.sql.Timestamp; import java.text.DateFo ...
- Pairs Forming LCM LightOJ - 1236 (算术基本定理)
题意: 就是求1-n中有多少对i 和 j 的最小公倍数为n (i <= j) 解析: 而这题,我们假设( a , b ) = n ,那么: n=pk11pk22⋯pkss, a=pd11pd2 ...
- 自学Zabbix12.3 Zabbix命令-zabbix_agentd
点击返回:自学Zabbix之路 点击返回:自学Zabbix4.0之路 点击返回:自学zabbix集锦 自学Zabbix12.3 Zabbix命令-zabbix_agentd 1. zabbix_age ...
- 【转】C语言字符串与数字相互转换
在C/C++语言中没有专门的字符串变量,通常用字符数组来存放字符串.字符串是以“\0”作为结束符.C/C++提供了丰富的字符串处理函数,下面列出了几个最常用的函数. ● 字符串输出函数puts. ● ...
- 洛谷 P2672 推销员 解题报告
P2672 推销员 题目描述 阿明是一名推销员,他奉命到螺丝街推销他们公司的产品.螺丝街是一条死胡同,出口与入口是同一个,街道的一侧是围墙,另一侧是住户.螺丝街一共有N家住户,第i家住户到入口的距离为 ...
- 常用数据结构及算法C#/Java实现
常用数据结构及算法C#实现 1.冒泡排序.选择排序.插入排序(三种简单非递归排序) ,, , , , , , , , , }; //冒泡排序 int length = waitSort.Length; ...
- 收藏:SQL重复记录查询 .
来自:http://blog.csdn.net/chinmo/article/details/2184020 1.查找表中多余的重复记录,重复记录是根据单个字段(peopleId)来判断select ...
- mysql -- 动态获取结果集(重点)
注意:语句传值的时候必须是带有@符号的参数,不能是自己的局部变量,一个@叫用户变量,两个@叫做全局变量.用户变量:当前用户的‘’全局变量‘’,用户状态存在时就存在,用户退出时消失. 初始版 delim ...
- 用java发邮件之一 (直接源于真实项目) 【原】
真实项目应用的java发送邮件,应该还待进一步完善. 依赖 mail-1.4.jar jar包下载地址: http://mvnrepository.com/artifact/javax.mail/ma ...