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. Leetcode题解（十八）

    51.N-Queens ---------------------------------------------------------------------------------分割线---- ...

  2. 网络基础三 ARP 地址分类 NAT技术

    第1章 OSI回顾 1.1 TCP/IP协议族组成 应用层 主机到主机层   互联网层   网络接入层 1.2 总结应用层掌握的协议与端口号对应关系 http(80) telnet(23) ftp(2 ...

  3. ASP.NET Core的身份认证框架IdentityServer4（3）-术语的解释

    IdentityServer4 术语 IdentityServer4的规范.文档和对象模型使用了一些你应该了解的术语. 身份认证服务器(IdentityServer) IdentityServer是一 ...

  4. vue初级学习--控制台创建vue项目

    一.导语 困困的我,好想睡啊,但还是敲下这边有的没的的笔记吧 二.正文 1.输入 vue list 可查看此环境下,vue能创建的项目模板 没将webpack.vue-route啃精了的话,老实用we ...

  5. Halcon算子翻译——assign

    名称 assign-为控制变量分配一个新的值 用法 assign( : : Input : Result) 描述 为控制变量分配一个新的值. 在全文编辑器中,只需用:=就可以进行赋值,例如:  u : ...

  6. ASP.NET Core集成现有系统认证

    我们现在大多数转向ASP.NET Core来使用开发的团队,应该都不是从0开始搭建系统,而是老的业务系统已经在运行,ASP.NET Core用来开发新模块.那么解决用户认证的问题,成为我们的第一个拦路 ...

  7. jquery实现抽奖小游戏

    在很多网站或游戏活动中我们都会看到有关抽奖的活动或界面: 下面我将给大家介绍下如何通过javascript来实现这样的一个抽奖功能,主要从下面三个步骤入手(文中着重介绍第三部分有关功能的实现): 1. ...

  8. Python-psutil模块

    psutil 1.简单介绍 psutil是一个跨平台库(http://code.google.com/p/psutil/),能够轻松实现获取系统运行的进程和系统利用率(包括CPU.内存.磁盘.网络等) ...

  9. [转载] ConcurrentHashMap原理分析

    转载自http://blog.csdn.net/liuzhengkang/article/details/2916620 集合是编程中最常用的数据结构.而谈到并发,几乎总是离不开集合这类高级数据结构的 ...

  10. [O]ORACLE物化视图的使用

    用于数据复制的物化视图 物化视图的一个主要功能就是用于数据的复制,Oracle推出的高级复制功能分为两个部分,多主复制和物化视图复制.而物化视图复制就是利用了物化视图的功能. 物化视图复制包含只读物化 ...