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. CodeForces - 556B Case of Fake Numbers

    //////////////////////////////////////////////////////////////////////////////////////////////////// ...

  2. 前端安全之CSRF攻击

    前端安全之CSRF攻击 转载请注明出处:unclekeith: 前端安全之CSRF攻击 CSRF定义 CSRF,即(Cross-site request forgery), 中文名为跨站请求伪造.是一 ...

  3. Linux学习（十七）压缩与打包

    一.关于打包和压缩 打包和压缩的最大意义在于减少文件传输中需要的流量.打包的方式大概有tar命令,zip命令.压缩的方式有gzip,bzip2,xz.tar命令可以通过参数将压缩和打包在一起执行. 二 ...

  4. linq中怎么实现多条件关联的左右连接

    linq左右连接最重要的是DefaultIfEmpty()这个方法和join之后的表中判断是否( temp != null)null,左右连接其实就是表的位置互换. 1.左连接: && ...

  5. 获取标签的src属性兼容性

    获取节点如script标签的src属性时,针对非IE6,IE7可以直接使用src属性,但在IE6-7中存在问题,可以借助getAttribute方法 getAttribute(attr,iflag) ...

  6. Java多线程Master-Worker模式

    Java多线程Master-Worker模式,多适用于需要大量重复工作的场景中. 例如:使用Master-Worker计算0到100所有数字的立方的和 1.Master接收到100个任务,每个任务需要 ...

  7. NoSQL：linux操作memcached

    缓存数据库 一 NoSQL简介 NoSQL(NoSQL = Not Only SQL ),意即"不仅仅是SQL",泛指非关系型的数据库,随着互联网web2.0网站的兴起,传统的关系 ...

  8. 532. K-diff Pairs in an Array

    Given an array of integers and an integer k, you need to find the number of unique k-diff pairs in t ...

  9. Vue.js优雅的实现列表清单

        一.Vue.js简要说明 Vue.js (读音 /vjuː/) 是一套构建用户界面的渐进式框架.与前端框架Angular一样, Vue.js在设计上采用MVVM模式,当View视图层发生变化时 ...

  10. 使用c#操作txt

    如何读取文本文件内容: 在本文介绍的程序中,是把读取的文本文件,用一个richTextBox组件显示出来.要读取文本文件,必须使用到"StreamReader"类,这个类是由名字空 ...