整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML 符号

TML 符号实体

HTML 符号是不呈现在标准的键盘上,比如数学运算符、箭头符号、技术符号和形状。

如需向 HTML 页面添加这些符号,您可以使用 HTML 实体名称。

如果不存在实体名称,您可以使用实体编号。

如果字符没有实体名称,您可以使用十进制(或十六进制)引用。

实例

<p>我将显示 &euro;</p>

<p>我将显示 &#8364;</p>

<p>我将显示 &#x20AC;</p>

结果如下:

我将显示 €

我将显示 €

我将显示 €


HTML 支持的数学符号

如果您使用的是一个 HTML 实体名称或一个十六进制编号,字符总是能正确显示。

这是与您页面使用的字符集相互独立的!

字符编号实体描述
&#8704;&forall;所有(for all)
&#8706;&part;部分(part)
&#8707;&exist;存在(exists)
&#8709;&empty;空(empty)
&#8711;&nabla;倒三角(nabla)
&#8712;&isin;属于(isin)
&#8713;&notin;不属于(notin)
&#8715;&ni;包含的成员(ni)
&#8719;&prod;连乘(prod)
&#8721;&sum;总和(sum)

完整的数学(Math)参考手册


HTML 支持的希腊字母

字符编号实体描述
Α&#913;&Alpha;Alpha(中文注音:阿耳法)
Β&#914;&Beta;Beta(中文注音:贝塔)
Γ&#915;&Gamma;Gamma(中文注音:伽马)
Δ&#916;&Delta;Delta(中文注音:德耳塔)
Ε&#917;&Epsilon;Epsilon(中文注音:艾普西隆)
Ζ&#918;&Zeta;Zeta(中文注音:截塔)

完整的希腊(Greek)参考手册


HTML 支持的其他实体

字符编号实体描述
©&#169;&copy;版权所有(REGISTERED SIGN)
®&#174;&reg;注册商标(REGISTERED SIGN)
&#8364;&euro;欧元符号(EURO SIGN)
&#8482;&trade;商标(trademark)
&#8592;&larr;向左箭头(LEFTWARDS ARROW)
&#8593;&uarr;向上箭头(UPWARDS ARROW)
&#8594;&rarr;向右箭头(RIGHTWARDS ARROW)
&#8595;&darr;向下箭头(DOWNWARDS ARROW)
&#9824;&spades;黑桃(BLACK SPADE SUIT)
&#9827;&clubs;黑梅花(BLACK CLUB SUIT)
&#9829;&hearts;黑心(BLACK HEART SUIT)
&#9830;&diams;黑方块(BLACK DIAMOND SUIT)

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

TML <base> 元素

指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。

包含属性href 和

target 可以指定a 标签的默认窗口打开行为

<base href="https://www.baidu.com/img/123" target="_banlk"></base> 默认就打开新的窗口 <a href="aaa">123</a>

使用

<base href="https://www.baidu.com/img/"></base> <img src="bd_logo1.png?where=super"></img>

虽然在codepen 的代码上编写的但是能够正确的通过base url + img 的src 定位显示出图片

content 标签

HTML <aside> 元素

表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。

HTML <blockquote> 元素

(或者 HTML 块级引用元素),代表其中的文字是引用内容。通常在渲染时,这部分的内容会有一定的缩进(注 中说明了如何更改)。若引文来源于网络,则可以将原内容的出处 URL 地址设置到 cite 特性上,若要以文本的形式告知读者引文的出处时,可以通过 <cite> 元素。

HTML <figure> 元素

代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。当它属于主内容流(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

Inline text semantics

HTML 缩写元素<abbr>

用于展示缩写,并且可以通过可选的 title 属性提供完整的描述。

ps: 完整描述样式貌似不能自定义

HTML键盘输入元素(<kbd>)

用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示。

HTML标记文本元素(< Mark >)

表示为引用或符号目的而标记或突出显示的文本,这是由于标记的段落在封闭上下文中的相关性或重要性造成的。

ps:项目中大量使用span 标记的做法不符合html5 的语义化

HTML Ruby Base(<rb>)

元素用于分隔<ruby>注释的基本文本组件(即正在注释的文本)。一个<rb>元素应该包装基本文本的每个单独的原子段。

ps: 拼音注解

<samp> 元素

用于标识计算机程序输出,通常使用浏览器缺省的 monotype 字体(例如 Lucida Console)。

HTML 中的<small>

元素將使文本的字体变小一号。(例如从大变成中等,从中等变成小,从小变成超小)。在HTML5中,除了它的样式含义,这个元素被重新定义为表示边注释和附属细则,包括版权和法律文本。

HTML <sub> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更低并且更小。

ps: 下脚标

HTML <sup> 元素定义了一个文本区域,出于排版的原因,与主要的文本相比,应该展示得更高并且更小。

ps: 上脚标

HTML <u> 元素

使文本在其内容的基线下的一行呈现下划线。在HTML5中, 此元素表示具有未标注的文本跨度,显示渲染,非文本注释,例如将文本标记为中文文本中的专有名称(一个正确的中文标记), 或 将文本标记为拼写错误

HTML <map>

与 <area> 属性一起使用来定义一个图像映射(一个可点击的链接区域).

HTML <track> 元素

被当作媒体元素—<audio> 和 <video>的子元素来使用。它允许指定计时字幕(或者基于时间的数据),例如自动处理字幕。

HTML <object> 元素

(或者称作 HTML 嵌入对象元素)表示引入一个外部资源,这个资源可能是一张图片,一个嵌入的浏览上下文,亦或是一个插件所使用的资源

ps: 支持引入的资源类型

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

关于支持资源类型的测试

http://joliclic.free.fr/html/object-tag/en/index.php

天找一个 • 点的符号 &bull; 查到了这张表,分享出来。

HTML符号

1.特色的

©&copy;©版权标志
|
|竖线,常用作菜单或导航中的分隔符
·&middot;·圆点,有时被用来作为菜单分隔符
&uarr;上箭头,常用作网页“返回页面顶部”标识
&euro;欧元标识
²&sup2;²上标2,数学中的平方,在数字处理中常用到,例如:1000²
½&frac12;½二分之一
&hearts;心型,用来表达你的心

2常用的


&nbsp;
空格
&&amp;&and符号,与
"&quot;"引号
©&copy;©版权标志
®&reg;»注册标志
&trade;商标标志
&ldquo;左双引号
&rdquo;右双引号
&lsquo;做单引号
&rsquo;右单引号
«&laquo;«左三角双引号
»&raquo;»右三角双引号
&lsaquo;左三角单引号
&rsaquo;右三角单引号
§&sect;§章节标志
&para;段落标志
&bull;列表圆点(大)
·&middot;·列表圆点(中)
&hellip;省略号
|
|竖线
¦&brvbar;¦断的竖线
&ndash;短破折号
&mdash;长破折号

3.货币类

¤&curren;¤一般货币符号
$
$美元符号
¢&cent;¢
£&pound;£英镑
¥&yen;¥日元
&euro;欧元

4 数学类

<&lt;<小于号
>&gt;>大于号
&le;小于等于号
&ge;大于等于号
×&times;×乘号
÷&divide;÷除号
&minus;减号
±&plusmn;±加/减 号
&ne;不等于号
¹&sup1;¹上标1
²&sup2;²上标2
³&sup3;³上标3
½&frac12;½二分之一
¼&frac14;¼四分之一
¾&frac34;¾四分之三
&permil;千分率
°&deg;°
&radic;平方根
&infin;无限大

5.方向类

&larr;左箭头
&uarr;上箭头
&rarr;右箭头
&darr;下箭头
&harr;左右箭头
&crarr;回车箭头
&lceil;左上限
&rceil;右上限
&lfloor;左下限
&rfloor;右下限

6 其它

&spades;黑桃
&clubs;梅花
&hearts;红桃,心
&diams;方块牌
&loz;菱形
&dagger;匕首
&Dagger;双剑号
¡&iexcl;¡反向感叹号
¿&iquest;¿反向问号