02-02 常用标签 - 图1

HTML常用标签

1、 文档声明

你可使用此声明在 Internet Explorer 6 及以后版本中切换为严格的标准兼容模式。

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <!DOCTYPE html>

2、主体结构标签

  • <html></html> 此元素可告知浏览器其自身是一个 HTML 文档。
  • <head></head> 用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

  • <body></doby> 定义文档的主体

    3、HEAD头部标签

  • <title></title> 定义文档标题

  • <base /> 标签为页面上的所有链接规定默认地址或默认目标
  • 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签永远位于 head 元素内部。

  • <link></link> 标签定义文档与外部资源的关系。

    1. <link rel="stylesheet" type="text/css"  href="style.css"></link>
    2. <link rel="shortcut icon" type="images/x-icon" href="http://www.baidu.com/favicon.ico">

  • <style></style> 签用于为 HTML 文档定义样式信息。

  • <script></script> 标签用于定义客户端脚本，比如 JavaScript。script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。

    1. <script type="text/javascript" src="script.js"></script>
    2. <script>
    3. alert('OK')
    4. </script>

    4、meta元信息

  • content 定义与 http-equiv 或 name 属性相关的元信息

  • name 把content属性关联到一个名称
    ```html author

description

keywords

generator

revised

robots

others

  2. - http-equiv 把 content 属性关联到 HTTP 头部。
  3. ```html
  4. content-type
  5. expires
  6. refresh
  7. set-cookie
  • charset 字符集编码
    ```html 编码字符集 HTML5 支持 HTML5向下兼容 HTML 4支持

网页关键字：

网页描述信息

所有搜索引擎，抓取这个页面、爬行链接、禁止快照：

all：文件将被检索，且页面上的链接可以被查询； none：文件将不被检索，且页面上的链接不可以被查询； index：文件将被检索； follow：页面上的链接可以被查询； noindex：文件将不被检索，但页面上的链接可以被查询； nofollow：文件将被检索，但页面上的链接不可以被查询； noarchive：文件将被检索，但禁止保存快照；

网页作者：

网页网页生成工具

定义页面最新版本

网页版权信息：

网页刷新信息： 10秒后跳转到百度页面

  1. <a name="2c1420e4"></a>
  2. ## 5、格式排版标签
  4. - `<br/>` 换行标签，完成文字的紧凑显示。可以使用连续多个`<br/>`标签来换行
  5. - `<hr/>` 水平分割线标签，用于段落与段落之间的分割
  6. - `<p></p>`段落标签,里面可以加入文字,列表,表格等，可以<p></p>或<p />使用
  7. - `<pre></pre>`按原文显示标签，可以把原文件中的空格,回车,换行,tab键表现出来
  8. - `<hn></hn>` 标题字标签，n为1-6，定义六级标题，而且会自动换行插入一个空行
  9. - `<div></div>` 没有任何语义的标签
  10. <a name="00080ad2"></a>
  11. ## 6、文本标签
  13. - `<em></em>` 表示强调，通常为斜体字
  14. - `<strong></strong>` 表示强调(语气更强)，通常为粗体字
  15. - `<del></del>` 标签定义文档中已删除的文本。
  16. - `<ins></ins>` 标签定义已经被插入文档中的文本
  17. - `<sub></sub>` 文字下标字体标签
  18. - `<sup></sup>` 文字上标字体标签
  19. - `<mark></mark>`  **H5新增** 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
  20. - `<ruby></ruby>`  **H5新增** 标签定义 ruby 注释（中文注音或字符） 在东亚使用，显示的是东亚字符的发音。
  21. - `<rt></rt>`  **H5新增** 标签定义字符（中文注音或字符）的解释或发音
  22. ```html
  23. <!--一下文本标签  作为了解-->
  24. <cite>    用于引证、举例、(标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题)通常为斜体字
  25. <dfn> 定义一个定义项目
  26. <code> 定义计算机代码文本
  27. <samp> 定义样式文本 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来，对它们加以强调的极少情况下，才使用这个标签。
  28. <kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
  29. <abbr> 定义缩写 配合title属性  (IE6以上)
  30. <bdo>  来覆盖默认的文本方向 dir属性 值: lrt  rtl
  31. <var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
  32. <small> 标签定义小型文本（和旁注）
  33. <b>    粗体字标签 根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。
  34. <i>    斜体字标签 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
  35. <u>    下划线字体标签 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。 请尽量避免使用 <u> 为文本加下划线，用户会把它混淆为一个超链接。
  36. <q>  签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。(小段文字)
  37. <blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。(大段文字) (块状元素)
  38. <address>  定义地址 通常为斜体 (注意非通讯地址)  块状元素
  39. <font>       H5已删除 字体标签，可以通过标签的属性指定文字的大小、颜色及字体等信息
  40. <tt>       H5已删除 打字机文字
  41. <big>       H5已删除 大型字体标签
  42. <strike>   H5已删除 添加删除线
  43. <acronym>  H5已删除 首字母缩写 请使用<abbr>代替
  44. <bdi>      H5新增 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。(经测试,各大浏览器都不起作用)
  45. <mark>     H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
  46. <meter>    H5新增 定义预定义范围的度量
  47. <progress> H5新增 标签标示任务的进度（进程）
  48. <time>     H5新增 定义时间和日期 
  49. <wbr>        H5新增    规定在文本中的何处适合添加换行符。Word Break Opportunity