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. ldap数据库--ODSEE--schema

    ldap服务器包含上百个对象类型(object class)和属性,这些对象类和属性都可以满足大部分需求,如果你想定义自己的schema,你只能继承扩展现有的schema进行操作. tip: 增加的新 ...

  2. mac下selenium+python环境搭建

    selenium2+python的环境搭建主要需要python和selenium 1.python mac下自带了python,可以查看版本.当然可以选择安装其它版本的python. 2.seleni ...

  3. 《天书夜读：从汇编语言到windows内核编程》八 文件操作与注册表操作

    1)Windows运用程序的文件与注册表操作进入R0层之后,都有对应的内核函数实现.在windows内核中,无论打开的是文件.注册表或者设备,都需要使用InitializeObjectAttribut ...

  4. HDnoip2017题解

    那么,作为一名初入信息竞赛的选手,我也试着开始用博客记录自己的学习历程,那么这篇文章先简单介绍一下我自己吧. 本人开始学习信息学大概以来,主要都是用的C++,所以对其他语言并不是十分熟悉.2016我还 ...

  5. 使用Supervisor守护Python进程

    1.需求 现在有一个进程需要每时每刻不断的跑,但是这个进程又有可能由于各种原因有可能中断.当进程中断的时候我希望能自动重新启动它,此时,就需要使用到了Supervisor.Supervisor起到守护 ...

  6. JavaScript学习笔记（十）——高阶函数之map，reduce，filter，sort

    在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...

  7. 【Python】三个例子教你写代码

    这篇文章包括用Python编写的斐波那契数列,三位数的水仙花数和百钱买百鸡的基础代码: (一)斐波那契数列: ''' def hanshu(n): n_1 = 1 n_2 = 1 m = n sumn ...

  8. Maven3 快速入门

    Maven3 快速入门 Maven 是目前大型项目构建的必备知识.本章会通过介绍 Maven 的作用,Maven 的基本语法,以及搭建企业级项目架构来快速入门 Maven .前两部分是理论知识只需要了 ...

  9. 一篇不错的Gibbs Sampling解释文章，通俗易懂

    http://cos.name/2013/01/lda-math-mcmc-and-gibbs-sampling/  直接原文的链接了.原文写的不错,是中文博客中说的比较明白的了. 但为了保留文章,随 ...

  10. DocsBuilderGUI 工具使用介绍