HTML5标签笔记

1.格式标签

元素名和属性一般不区分大小写，特殊的如id和class需要区分

格式标签：

<acronym> 定义只取首字母的标签

<abbr>定义缩写

<address>定义文档作者或者拥有者的信息

<b>定义粗体文字

<bdi>定义文本的文本方向，使其脱离其周围文本的方向设置

<bdo>定义文字方向

<big>定义大号文本

<blockquote>定义长的引用，在浏览器中呈现一段缩进文本

<center>定义居中文本(不赞成使用)

<cite>定义引用(citation)

<code>定义计算机代码文本

<del>定义被删除文本（文档中已被删除的文本）

<dfn>定义项目

<em>定义强调文本（一般浏览器呈现为斜体）

<font>定义文本字体的字体，颜色，尺寸(不赞成使用)

<i>定义斜体文本

<ins>定义被插入文本(被插入文档中的文本)

<kbd>定义键盘文本

<mark>定义有记号的文本

<meter>定义预定义范围内的度量

<pre>定义预格式文本 ，（通常会保留空格和换行符，经常用来表示计算机的源代码）

<program>定义任何类型的任务的进度

<q>定义短引用，在浏览器中呈现为引号

<rp>定义浏览器不支持ruby元素时显示的内容

<rt>定义ruby注释的解释（中文拼音或字符的解释或发音）

<ruby>定义ruby注释（中文拼音或字符）

<s>定义加删除线的文本(不赞成使用)

<samp>定义计算机代码样本

<small>定义小号文本

<strike>定义加删除线文本(不赞成使用)

<strong>定义语气更为强烈的强调文本（浏览器一般呈现为粗体）

<sup>定义上标文本

<sub>定义下标文本

<time>定义日期时间

<tt>定义打字机文本

<u>定义下划线文本(不赞成使用)

<var>定义文本变量部分

<wbr>定义视频

 2.表单标签：

<form>定义供用户输入的HTML表单

<input>定义输入控件

<textarea>定义多行的文本输入控件（定义文本区）

<button>定义按钮

<select>定义选择按钮（下拉列表）

<optgrounp>定义选择列表中相关选项的组合

<option>定义选择列表中的选项

<label>定义input元素的标注 for属性可以将label绑定到另外一个元素

<fieldset>定义围绕表单中元素的边框

<legend>定义fieldset元素的标题（为<fieldset>,<figure>以及<details>标签定义标题）

<isindex>定义与文档相关的可搜索索引

<datalist>定义下拉列表

<keygen>定义生成密钥

<output>定义输出的一些类型

3.框架标签：

<frame>定义框架集的窗口或矿建

<frameset>定义框架集

<noframes>定义针对不支持框架的用户的替代内容

<iframe>定义内联框架

4.图像标签：（见上篇）

<img>定义图像（图像并不会插入HTML页面中，而是链接到HTML的页面上）

<map>定义图像映射

<area>定义图像地图内部区域

<canvas>定义图形

<figcaption>定义figure元素的标题

<figure>定义媒介内容的分组以及他们的标题

5.音/视频标签：

<audio>定义声音内容（支持WAV，MP3，Ogg格式）

<source>定义媒介源

<track>定义用在媒体播放器中的文本轨道

<vedio>定义视频

6.链接标签：

<a>定义锚（标签定义超链接，用于从一张页面链接到另一张页面）（其中herf属性指示链接目标）

<link>定义文档与外部资源的关系

<nav>定义导航链接

7.列表标签（见上篇）

<ul>定义无序列表

<ol>定义有序列表

<li>定义列表的项目

<dir>定义列表目录

<dl>定义定义列表

<dt>定义定义列表中的项目

<dd>定义定义列表中项目的描述

<menu>定义命令的菜单/列表

<menuitem>定义用户可以弹出菜单中调用的命令/菜单项目

<command>定义命令按钮

8.表格标签

<table>定义表格

<caption>定义表格标题

<th>定义表格中的表头单元格

<tr>定义表格中的行（呈现粗体并居中文本）

<td>定义表格中的单元（呈现普通的左对齐文本）

<thead>定义表格中的表头内容

<tbody>定义表格中的主体内容

<tfoot>定义表格中的表注内容（脚注）

<col>定义表格中一个或多个列的属性值

<colgroup>定义表格中供格式化的列组

9.样式/节标签

<style>定义文档的样式信息

<div>定义文档中的节

<span>定义文档中的节

<header>定义section或page的页眉

<footer>定义section或page的页脚

<section>定义section

<article>定义文章

<aside>定义页面内容之外的内容

<detail>定义元素的细节

<dialog>定义对话框或窗口

<summary>为<detail>元素定义可见的标题

10.元标签信息

<head>定义关于文档的信息

<meta>定义关于HTML文档的元信息

<base>定义页面中所有链接的默认地址或默认目标

<basefont>定义页面中文本的默认字体，颜色或尺寸

11.编程标签

<script>定义客户端脚本，例如JavaScript

<noscript>定义针对不支持客户端脚本的用户的替代品

<applet>定义嵌入的applet

<embed>为外部应用程序（非HTML）定义容器

<object>定义嵌入的对象

<param>定义对象的参数

HTML5标签总结笔记的更多相关文章

  1. HTML5标签学习笔记

    <!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="con ...

  2. html5标签video（播放器）学习笔记（二）-基本操作

    html5标签video(播放器)学习笔记(二)-基本操作 subying 发布时间: 2014/12/01 23:59 阅读: 13008 收藏: 21 点赞: 3 评论: 0 摘要 本文介绍了ht ...

  3. 对HTML5标签的认识(三)

    这篇随笔继续来认识HTML标签.这次随笔主要是对<table>标签的认识和最近我学习到的一些标签来和大家分享. 一.<table>标签 <table>标签的作用主要 ...

  4. 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法   HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...

  5. HTML5标签与HTML4标签的区别示例介绍_html5教程技巧

    (1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...

  6. 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法

    方式一:Coding JavaScript <!--[if lt IE9]> <script> (function() { var e = "abbr, articl ...

  7. html5/css学习笔记

    请始终将正斜杠添加到子文件夹.假如这样书写链接:href="http://www.w3cschool.cc/html",就会向服务器产生两次 HTTP 请求.这是因为服务器会添加正 ...

  8. [js开源组件开发]html5标签audio的样式更改

    html5标签audio的样式更改 由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,所以 ...

  9. HTML5标签改变

    1.新的文档类型声明(DTD): HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html >等也是正确的,因为HTML语法是不区分大小写的. ...

随机推荐

  1. Fibonacci Check-up

    Fibonacci Check-up Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...

  2. POJ 3468 A Simple Problem with Integers（树状数组区间更新）

    A Simple Problem with Integers Time Limit: 5000MS   Memory Limit: 131072K Total Submissions: 97217   ...

  3. SeaJS之shim插件:解决非cmd规范的插件与sea的区别

    SeaJS 中的模块默认都遵守 CMD 规范,但现实中已存在大量普通 JavaScript 类库,比如 jQuery.Underscore 等.使用 shim 插件,可以将这些普通 JS 文件转换成 ...

  4. font-face 在 Firefox无法正常工作问题

    @font-face存在的问题: 1.不同浏览器支持不同格式 2.Firefox默认情况下不允许跨域font-face,除非你可以添加“Access-Control-Allow-Origin” hea ...

  5. ACID 数据库正确执行四要素

    ACID:数据库事务正确执行所必须满足的四个基本要素的缩写: 原子性(atomicity,或叫不可分割性),一致性(consistency),隔离性(isolation,又称独立性),持久性(dura ...

  6. Android开发之漫漫长途 Ⅱ——Activity的显示之Window和View（1）

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...

  7. JavaScript系列----面向对象的JavaScript(2)

    本文中心: 这篇文章比较难懂,所以读起来比较晦涩.所以,我简单列一下提纲: 在第一部分,从函数原型开始谈起,目的是想搞明白,这个属性是什么,为什么存在,在创建对象的的时候起到了什么作用! 在第二部分, ...

  8. 一脚踏进Memcached的大门

    Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据库驱动网站的速度.Memcached ...

  9. 全球领先的redis客户端：SFedis

    零.背景 这个客户端起源于我们一个系统的生产问题. 一.问题的发生 在我们的生产环境上发生了两次redis服务端连接数达到上限(我们配置的单节点连接数上限为8000)导致无法创建连接的情况.由于这个系 ...

  10. spirngMVC的搭建

    1 springMVC的搭建肯定是需要用到一系列的jar包的,那么第一步就是去spring官网下载对应版本的jar包 可以通过 http://www.cnblogs.com/imentors/p/49 ...