HTML标签很多,可是实际上常用的却就那么十几二十个,很多标签的功能渐渐的被大家忽略了.然后,如果在适当的时候,用一用,还是能在一定程序上 给我们的页面设计带来一点小小的方便的.下面这些HTML标签基本上包含了所有现有的标签,花几分钟,一一浏览一下,或许还会小有收获:

  • <!--…--> :注释标签用来在源文档中插入注释
  • <!DOCTYPE> :告知浏览器文档使用哪种 HTML 或 XHTML 规范
  • <a> :定义锚,通过使用 href 属性，创建指向另外一个文档的链接（或超链接）;通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）
  • <abbr> :表示一个缩写形式，比如 "Inc."、"etc.",如:<abbr title="etcetera">etc.</abbr>
  • <acronym> :定义只取首字母缩写，比如 "NATO"。通过对只取首字母缩写进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息
  • <address> :定义一个地址（比如电子邮件地址）。您应当使用它来定义地址、签名或者文档的作者身份。
  • <applet> :定义嵌入的 applet。
  • <area> :标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。area 元素总是嵌套在 <map> 标签中。
  • <base> :为页面上的所有链接规定默认地址或默认目标
  • <basefont> :定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
  • <bdo> :可覆盖默认的文本方向
  • <blockquote> :可定义一个块引用
  • <body> :定义文档的主体
  • <br> :插入一个简单的换行符
  • <button> :定义一个按钮
  • <caption> :定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
  • <center> :对其所包括的文本进行水平居中
  • <col> :为表格中一个或多个列定义属性值。如需对全部列应用样式，<col> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。您只能在 table 或 colgroup 元素中使用 <col> 标签。
  • <colgroup> :用于对表格中的列进行组合，以便对其进行格式化。如需对全部列应用样式，<colgroup> 标签很有用，这样就不需要对各个单元和各行重复应用样式了。<colgroup> 标签只能在 table 元素中使用。
  • <dd> :在定义列表中定义条目的定义部分。
  • <del> :定义文档中已被删除的文本,与 <ins> 标签配合使用，来描述文档中的更新和修正。
  • <dir> :定义目录列表
  • <div> :定义文档中的分区或节
  • <dl> :定义列表
  • <dt> :定义列表中的项目
  • <fieldset> :将表单内的相关元素分组
  • <font> :规定文本的字体、字体尺寸、字体颜色
  • <form> :用于为用户输入创建 HTML 表单
  • <frame> :定义 frameset 中的一个特定的窗口（框架）
  • <frameset> :定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性
  • <head> :定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
  • <h1> - <h6> :定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
  • <hr> :在 HTML 页面中创建一条水平线。
  • <html> :告知浏览器其自身是一个 HTML 文档
  • <iframe> :创建包含另外一个文档的内联框架（即行内框架）
  • <img> :定义一副图像
  • <input> :用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
  • <ins> :定义已经被插入文档中的文本
  • <label> :标注
  • <legend> :为 fieldset 元素定义标题
  • <li> :定义列表项目,<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中
  • <link> :定义文档与外部资源的关系,最常见的用途是链接样式表
  • <map> :定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。
  • <menu> :定义一个菜单列表
  • <meta> :提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
  • <noframes> :可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部
  • <noscript> :定义在脚本未被执行时的替代内容（文本）。
  • <object> :定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。<object> 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
  • <ol> :定义有序列表
  • <optgroup> :定义选项组
  • <option> :定义下拉列表中的一个选项,option 元素位于 select 元素内部
  • <p> :定义段落
  • <param> :为包含它的 <object>或者 <applet> 标签提供参数。
  • <pre> :定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体,<pre> 标签的一个常见应用就是用来表示计算机的源代码。
  • <q> :定义一个短的引用
  • <s> :定义加删除线文本定义
  • <script> :定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型
  • <select> :创建单选或多选菜单
  • <span> :用来组合文档中的行内元素
  • <strike> :定义加删除线文本定义
  • <style> :为 HTML 文档定义样式信息,type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"
  • <sub> :定义下标文本
  • <sup> :定义上标文本
  • <table> :定义 HTML 表格,简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
  • <tbody> :标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。tbody 元素应该与 thead 和 tfoot 元素结合起来使用。thead 元素用于对 HTML 表格中的表头内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时，您也许希望拥有一个标题行，一些带有数据的行，以及位于底部的一个总计行。这种划分使浏览器有 能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。
  • <td> :定义 HTML 表格中的标准单元格
  • <textarea> :定义多行的文本输入控件
  • <tfoot> :定义表格的页脚（脚注或表注）
  • <th> :定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。
  • <thead> :同上
  • <title> :定义文档的标题
  • <tr> :定义 HTML 表格中的行
  • <u> :定义下划线文本
  • <ul> :定义无序列表

一些不再被推荐的标签:

以下的元素主要是一些字体样式元素。不反对使用这些标签。但是如果您只是希望通过这些标签单纯地改变文本的样式，建议您使用样式表来取得更加丰富的效果。

<tt>呈现类似打字机或者等宽的文本效果。

<i>显示斜体文本效果。

<b>呈现粗体文本效果。

<big>呈现大号字体效果。

<small>呈现小号字体效果。

<em>把文本定义为强调的内容。

<strong>把文本定义为语气更强的强调的内容。

<dfn>定义一个定义项目。

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

<samp>定义样本文本。

<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。

<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。

<cite>定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题

纯HTML标签详解的更多相关文章

  1. 纯HTML标签详解（摘自阿里西西）

    HTML标签很多,可是实际上常用的却就那么十几二十个,很多标签的功能渐渐的被大家忽略了.然后,如果在适当的时候,用一用,还是能在一定程序上给我们的页面设计带来一点小小的方便的.下面这些HTML标签基本 ...

  2. Meta标签详解(HTML JAVASCRIPT)

    Meta标签详解,在网上转的,希望对大家有用 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中 ...

  3. 网页设计：Meta标签详解

    很多人忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! META标签是HTML语言HEAD区的一个辅 ...

  4. meta标签详解(meta标签的作用)///////////////////////////转

    meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧   ...

  5. 引用 struts2标签详解 - wo的的日志 - 网易博客

    引用 元元 的 struts2标签详解   引用 COLD 的 struts2标签详解 要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码: <%@t ...

  6. html标签详解

    html标签详解   <!DOCTYPE> 标签 <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE ...

  7. html标签详解（2）

    http标签详解 声明 1:这里的文字都是我从我自己csdn账号拷贝过来,是本人学习总结的结晶,所以请尊重本作品.2:如要要转载本文章,则要说明文字的出处.3:如有哪里不对欢迎指出. 在上一篇文章中主 ...

  8. html标签详解（1）

     http标签详解及讲解        1.基础标签 <!DOCTYPE html> <!--表示文本类型--> <html> <!--<html> ...

  9. 转：springmvc常用注解标签详解

    Spring5:@Autowired注解.@Resource注解和@Service注解 - IT·达人 - 博客园--这篇顺序渐进,讲得超级好--此人博客很不错http://www.cnblogs.c ...

随机推荐

  1. shell中的比较语句

    Linux比较字符串.判断文件是否存在及是否可读等,通常用"[]"来表示条件测试. 注意:这里的空格很重要.要确保方括号的空格.笔者就曾因为空格缺少或位置不对,而浪费好多宝贵的时间 ...

  2. UBOOT分析

    U-Boot是一个通用的Boootloader,它是在系统上电后执行的第一段程序,先初始化硬件设备,再准备软件环境,最后引导系统内核. 一般来说Bootloader的启动过程来说一般分两个阶段: 第一 ...

  3. Lua require搜索路径指定方法

    在自己的lua文件中,如果使用到了自己写的C库或者第三方库,想让lua编译到自己指定的目录下寻找*.lua或*.so文件的时候,可以再自己的Lua代码中添加如下代码,可以指定require搜索的路径. ...

  4. GIS数据格式topojson

    Topojson源自于GeoJson,是D3中描述地理数据的格式,D3的作者觉得GeoJson太繁琐.同样的数据,TopoJson是GeoJson的1/5. 这里有一个转换TopoJson,GeoJs ...

  5. dedecms还原数据时要选对备份目录 不然会提示function文件出错

    小李子最近在学习dedecms,在网上下载了一个二次开发的系统,顺利安装后想要还原一下作者的备份数据,可一直没有成功,让ytkah查看一下什么情况.进到后台,点击还原,提示/e/class/funct ...

  6. .NET中JSON的序列化和反序列化

    .NET 中有两种方法进行JSON的操作分别需要引用不同的命名空间 1.System.Runtime.Serialization.Json(System.Runtime.Serialization.d ...

  7. BZOJ1191: [HNOI2006]超级英雄Hero

    这题标解是改一下匈牙利算法,显然,像我这种从不用匈牙利的人,会找个办法用网络流… 具体做法是这样,二分最后的答案ans,然后对前ans个问题建图跑网络流,看最大流能不能到ans. /********* ...

  8. Winform设置相关

    >>  Winform查找根目录 1) AppDomain.CurrentDomain.BaseDirectory 地址为: d:\MyProject\Bin\  Application. ...

  9. vi编辑器的常见使用技巧

    光标移动 在普通模式下, 1.按 h 向左移动光标 按 h + 数字n 可以向右移动 n个字符   比如 h + 5  就是向左移动5个字符 2.按j向下移动光标 3.按k向上移动光标 4.按 l 向 ...

  10. Android中 ListView 详解（二）

    本文版权归 csdn noTice501 所有,转载请详细标明原作者及出处,以示尊重! 作者:noTice501 原文:http://blog.csdn.net/notice520/article/d ...