HTML常用标签

axing
2025-02-05 / 0 评论 / 4 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2025年02月06日,已超过22天没有更新,若内容或图片失效,请留言反馈。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>
      abc
    </title>
</head>
<body>
    <!-- 这里是页面主体内容 -->
</body>
</html>

二、主体结构

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

三、HEAD头部标签

<title></title>定义文档标题
<base />标签为页面上的所有链接规定默认地址或默认目标!
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签永远位于 head 元素内部。
<link></link>标签定义文档与外部资源的关系
<style></style>标签用于定义客户端脚本,比如JavaScript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

四、meta元信息

content 定义与 http-equiv 或 name 属性相关的元信息
name 把content属性关联到一个名称
  author
  description
  keywords
  generator
  revised
  robots
  others
http-equiv 把 content 属性关联到 HTTP 头部
  content-type
  expires
  refresh
  set-cookie
charset字符集编码
  编码字符集
    HTML5 支持 HTML5向下兼容
   HTML 4支持
   
  网页关键字:
   
  网页描述信息
   
  <!--下面的内容,只需要了解。 自己看看-->
  所有搜索引擎,抓取这个页面、爬行链接、禁止快照:  
   
    all:文件将被检索,且页面上的链接可以被查询;
    none:文件将不被检索,且页面上的链接不可以被查询;
    index:文件将被检索;
    follow:页面上的链接可以被查询;
    noindex:文件将不被检索,但页面上的链接可以被查询;
    nofollow:文件将被检索,但页面上的链接不可以被查询;
    noarchive:文件将被检索,但禁止保存快照;
   
  网页作者:
   
  网页网页生成工具 
   
  定义页面最新版本 
   
  网页版权信息:
   
  网页刷新信息:
    10秒后跳转到百度页面

五、格式排版标签

<br/>换行标签,完成文字的紧凑显示。可以使用连续多个<br/>标签来换行
<hr/>水平分割线标签,用于段落与段落之间的分割
<p></p>段落标签,里面可以加入文字,列表,表格等,可以<p></p>或<p />使用
<pre></pre>按原文显示标签,可以把原文件中的空格,回车,换行,tab键表现出来
<hn></hn>标题字标签,n为1-6,定义六级标题,而且会自动换行插入一个空行
<div></div>没有任何语义的标签

六、文本标签

<em></em>表示强调,通常为斜体字
<strong></strong>表示强调(语气更强),通常为粗体字<de1></de1>标签定义文档中已删除的文本
<insx</ins>标签定义已经被插入文档中的文本
<sub></sub>文字下标字体标签
<sup></sup>文字上标字体标签
<markx/mark> H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索
引擎搜索页面
<ruby></ruby> H5新增 标签定义 ruby 注释(中文注音或字符) 在东亚使用,显示的是东亚字符的发音。
<rt></rt>H5新增 标签定义字符(中文注音或字符)的解释或发音
<!--一下文本标签  作为了解-->
<cite>    用于引证、举例、(标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题)通常为斜体字
<dfn> 定义一个定义项目
<code> 定义计算机代码文本
<samp> 定义样式文本 标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。
<kbd> 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<abbr> 定义缩写 配合title属性  (IE6以上)
<bdo>  来覆盖默认的文本方向 dir属性 值: lrt  rtl
<var> 定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<small> 标签定义小型文本(和旁注)
<b>    粗体字标签 根据 HTML 5 的规范,<b> 标签应该做为最后的选择,只有在没有其他标记比较合适时才使用它。
<i>    斜体字标签 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。
<u>    下划线字体标签 标签定义与常规文本风格不同的文本,像拼写错误的单词或者汉语中的专有名词。 请尽量避免使用 <u> 为文本加下划线,用户会把它混淆为一个超链接。
<q>  签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。(小段文字)
<blockquote> 标签定义摘自另一个源的块引用。浏览器通常会对 <blockquote> 元素进行缩进。(大段文字) (块状元素)
<address>  定义地址 通常为斜体 (注意非通讯地址)  块状元素
<font>       H5已删除 字体标签,可以通过标签的属性指定文字的大小、颜色及字体等信息
<tt>       H5已删除 打字机文字
<big>       H5已删除 大型字体标签
<strike>   H5已删除 添加删除线
<acronym>  H5已删除 首字母缩写 请使用<abbr>代替
<bdi>      H5新增 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。(经测试,各大浏览器都不起作用)
<mark>     H5新增 标签定义带有记号的文本 请在需要突出显示文本时使用,如搜索引擎搜索页面
<meter>    H5新增 定义预定义范围的度量
<progress> H5新增 标签标示任务的进度(进程)
<time>     H5新增 定义时间和日期 
<wbr>        H5新增    规定在文本中的何处适合添加换行符。Word Break Opportunity
0

评论 (0)

取消