HTML格式标签

最新推荐文章于 2025-09-05 22:00:09 发布

原创最新推荐文章于 2025-09-05 22:00:09 发布 · 198 阅读

本内容遵循CC 4.0 BY-SA版权协议

标签
DOM：表示有DOM对象
1、格式标签

br 和wbr

  - br 简单换行
  	- 自结束标签
  - wbr 规定换行
  	- 当缩放页面时，标签内的文本不会分开
  	- 除了ie
  	- html5新标签		
  	-

attr：定义一个缩写

  例：<abbr title="World Health Organization">WHO</abbr>
  - 所有主流浏览器都支持 <abbr> 标签
  - 在某些浏览器中，当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时,<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

bdi与bdo说明：

  bdi：bidi隔离  将子元素从父元素中隔离出来，单独设置其文本方向
  bdo：bidi覆盖  覆盖默认的文本方向
  	1、bdi：允许您设置一段文本，使其脱离其父元素的文本方向设置
  		- 用户 <p>feagg<bdi dir="ltr/rtl/auto">hrefs</bdi>gawg</p>
  			属性：dir  值：ltr（左到右） rtl（右到左） auto（默认值）
  		- 目前只有chrome和firefox支持  
  		- 是html5的新标签
  
  	2、bdo：定义页面中文本排序的显示方向
  		- <bdo dir="rtl">该段落文字从右到左显示。</bdo>
  			属性：dir  值：ltr（左到右） rtl（右到左）

引用：

  - blockquote：对文本进行引用，该标签引用的是"长文本"
  	 - <blockquote cite="http://www.worldwildlife.org/who/index.html">
  		  For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
  	   </blockquote> 
  	- 属性：cite  值：url 用来说明引用的来源  
  		外部没有显示引用来源，需查看源代码得知
  	- 所有主流浏览器都支持
  	- 在 HTML 4.01 中，<blockquote> 标签定义一段"长引用"。
  	  在 HTML5 中，<blockquote> 标签定义摘自另一个源的"块引用"。
    
  - p：定义一个短的引用  浏览器经常会在这种引用的周围插入引号
  	-属性：cite  值：url 用来说明引用的来源 
  	- 所有主流浏览器都支持

del 、s和 ins 、u

  - <del>：标签表示已经从文档中删除的文本，通常呈现带删除线的文本
  - <ins>：定义已经被插入文档中的文本，新插入文本下添加一条下划线
  	- <p>My favorite color is <del datetime="2011-11-15T22:55:03Z">blue</del> <ins datetime="2011-11-15T22:55:03Z">red</ins>!</p>
  		属性：
  			cite：规定一个解释了文本被删除/插入的原因的文档的url
  			datetime：YYY-MMM-DDThh:mm:ssTZD
  	- 所有主流浏览器都支持
  	
  - <s>：对那些不正确、不准确或者没有用的文本进行标识
  	- 所有浏览器都支持
  - <u>：标签定义与常规文本风格不同的文本
  	- 像拼写错误的单词或者汉语中的专有名词。
  	- 所有主流浏览器都支持

短语标签：

  - 所有主流浏览器都支持
  - 使用其语义，不使用样式，建议使用CSS设置样式
  - (因为懒没写尖括号)
  	1、em 强调
  	2、strong 重要
  	3、dfn 定义项目  自己定义一个有特殊含义的文本  
  		title属性值：具体含义
  	4、code 计算机代码  等宽
  	5、samp 样本文本  通常使用浏览器默认的 monotype 字体
  	6、kbd 键盘文本  已废弃
  	7、var 变量  数学表达式或编程上下文中的变量

code 与 pre

  - <pre>：定义预格式化的文本  只能包含行内元素和文本 等宽
  	- 被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符
  	- 所有主流浏览器都支持
  		
  - <pre> 和 <code>结合起来表示计算机的源代码

语义元素：

  1、em 强调
  2、strong 重要
  3、mark 被标记的
  4、cite 作品的标题
  5、dfn 定义项目  有特殊含义的文本
  
  	- <mark>：标签定义带有记号的文本
  		- <p>今天别忘了买<mark>牛奶</mark>。</p>
  		- ie8以上及其他
  		- html5新标签

区分cite和address：

  - cite：定义作品标题（人名不属于）（斜体）
  	- <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
  	- 所有主流浏览器都支持
  	- 在 HTML5 中， <cite> 标签定义作品的标题。
  	  在 HTML 4.01 中， <cite> 标签定义一个引用。

  - address：定义文档作者或拥有者的联系信息（内容一般是斜体）（人）
  	- 如果 <address> 元素位于 <body> 元素内部，则它表示该文档作者/所有者的联系信息。
  	如果 <address> 元素位于 <article> 元素内部，则它表示该文章作者/所有者的联系信息。
  	- 所有主流浏览器都支持 <address> 标签
  	- html4中不支持<article>标签

meter 与 progress 对比：

  - <meter>：标签定义度量衡，磁盘使用情况，查询结果的相关性等 不能当作进度条使用
  	- <meter value="2" min="0" max="10">2 out of 10</meter><br>
  	<meter value="0.6">60%</meter>
  		属性：max min value（必需）
  	- ie不支持 
  	- html5新标签
  	- DOM（有 HTML DOM METER）
  
  - <progress>：定义运行中的任务进度
  	- <progress value="22" max="100"></progress>
  		属性：value max
  	- ie10以上及其他
  	- html5新标签
  	- DOM

rp、rt 和 ruby 拼音

  - <ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成，还包括可选的 <rp> 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
  - <ruby>
  		汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
  		字 <rp>(</rp><rt>Zi</rt><rp>)</rp>
  	</ruby>
  - ie9以上及其他浏览器
  - Ruby语言

注释、脚标

  - <small>：标签定义小型文本（和旁注）
  	- <small> 标签和对应的 <big> 标签一样，但作用不同，它是缩小字体而不是放大。
  	- <small> 标签可以嵌套，从而连续地把文字缩小。每个 <small>标签都把文本的字体变小一号，直到达到下限的一号字。
  	- 如果被<small> 标签包围的字体已经是字体模型所支持的最小字号，那么 <small> 标签将不起任何作用。
  	- 所有主流浏览器都支持
  	- html5中将其视为注释
  
  - <sub>：标签定义下标文本
  	- 下标文本能用来表示化学公式，比如 H2O(水)。
  	- 所有主流浏览器都支持
  	
  - <sup>：标签定义上标文本
  	- 上标文本能用来添加脚注，比如 WWW[1]。
  	- 所有主流浏览器都支持

标签定义公历的时间（24 小时制）或日期

  - 没有特殊效果，只是给机器识别
  - 属性： datetime 值：YYY-MMM-DDThh:mm:ssTZD
  - html5新标签
  - DOM

标签

#html