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. 这口号是当年心 ...
随机推荐
- React的组件间通信
一.React的单向数据流 React是单向数据流,数据主要从父节点传递到子节点(通过props).如果顶层(父级)的某个props改变了,React会重渲染所有的子节点.这通常被称为“自顶向下”或“ ...
- 详细且透彻的分析PCA原理
前两天面试问到了PCA,感觉讲得不是很透彻,这里再次详细写一下. 首先定义如下变量的含义: X:Rn*m,n个样本m个属性,对于第i个样本xi:R1*m. W:Rm*k,k个正交的单位正交的列向量组成 ...
- NVIDIA面目生成器再做突破
导读 NVIDIA创建的AI系统“GAN”可以通过对图像数据库的学习,来随机生成超逼真人脸照片而一炮走红,经过长时间的研发与晚上目前这套系统已经有了极大的进步.除了可以自主学习之外,生成的内容逼真,让 ...
- BZOJ1906树上的蚂蚁&BZOJ3700发展城市——RMQ求LCA+树链的交
题目描述 众所周知,Hzwer学长是一名高富帅,他打算投入巨资发展一些小城市. Hzwer打算在城市中开N个宾馆,由于Hzwer非常壕,所以宾馆必须建在空中,但是这样就必须建立宾馆之间的连接通道.机智 ...
- Hopcroft-Carp 算法模板 自用
#include <iostream> #include <cstdio> #include <cstring> #include <queue> #d ...
- windows下安装PyTorch0.4.0
PyTorch框架,据说2018.4.25刚刚上架windows,安个玩玩 我的环境: windows 10 anaconda虚拟环境python3.6 cuda9.1 cudnn7 pytorch ...
- [hgoi#2019/2/16t3]psolve
题目描述 Dustar有n道题目要做.他的月薪是m元. 由于题目是一流的难题,所以Dustar不得不找个人来帮(代)助(替)他写作业. 找人写作业不是免费的,但是他们能保证在一个月内做出任何题目.每做 ...
- [hgoi#2019/2/18]比较水
T1--调换纸牌(card) Alex有 n张纸牌,每张纸牌上都有一个值ai,Alex把这些纸牌排成一排,希望将纸牌按值从小到大的顺序排好.现在他把这个任务交给你,你只能进行一种操作:选中一张牌,然后 ...
- Luogu 1083 借教室(二分,差分)
Luogu 1083 借教室(二分,差分) Description 在大学期间,经常需要租借教室.大到院系举办活动,小到学习小组自习讨论,都需要 向学校申请借教室.教室的大小功能不同,借教室人的身份不 ...
- dij与prim算法
两种算法本质是相同的. 都是从某一个点开始进行延伸,不断更新一个dis值,直到所有的点都被遍历到,从而求出一个最短路或者是一个树的边权的最小总和. 朴素算法都是n^2,都可以采用堆优化处理,降低复杂度 ...