整合营销服务商

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

免费咨询热线:

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,我们一起飞!

HTML 注释:

<!--这是一个注释,注释在浏览器中不会显示--><p>这是一个段落</p>

浏览器支持

所有主流浏览器都支持 <!--...--> 注释标签。

标签定义及使用说明

<!--...--> 注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。特别是代码量很大的情况下很有用。

您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。一个好的习惯是把注释或样式元素放入注释文本中,这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。

<scripttype="text/javascript"><!--functiondisplayMsg(){alert("Hello World!")}//--></script>

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

HTML 4.01 与 HTML5之间的差异

无。

标准属性

<!--...--> 注释标签不支持任何标准属性。

如需更多有关 HTML 标准属性的信息,请访问 标准属性。

事件属性

<!--...--> 注释标签不支持任何事件属性。

如需更多有关 HTML 事件属性的信息,请访问 事件属性。

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

跳转到邮箱:

 <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
 <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">发送邮件!</a>

图像映射:

创建图像映射需要img、map、area三个标签同时存在,img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性,area中coords属性为设置或返回图像映射中可点击区域的坐标,area标签可以设置多个。相关文档推荐:https://www.w3school.com.cn/html/html_images.asp


 <body>
        <img src="img.PNG" usemap="#buhuo" alt="捕获" />
        <map name="buhuo" id="buhuo">
            <area shape="circle" coords="10,10,100,100" href ="上次阅读位置.PNG" target ="_self"alt="没有图片!" />
            <area shape="circle" coords="10,10,100,100" href ="上次阅读位置.PNG" target ="_self"alt="没有图片!" />
        </map>
    </body>

特殊字符:标签会被解析,采用特殊字符代码可以代替特殊字符


锚点定位:

通过锚点链接,用户可以快速的定位到目标。


 <a href="#two">定位到标题2</a><!-- 使用<a href="#id名">链接文本</a>,注意#的使用 --> 
    
  <h3>标题1</h3>
  <h3 id="two">标题2</h3><!-- 使用id名进行标注供锚点链接使用 -->
  <h3>标题3</h3>
  <h3>标题4</h3>

路径:

相对路径:

分为三种情况:1、同级目录 2、上一级目录 3、下级目录


   <img src="picture.jpg"/> <!-- 同级目录下的文件直接写文件名引入即可 -->
    <img src="images/picture.jpg"/> <!-- 下级目录中的文件需要先进入下一级目录,然后/找到文件后写文件名即可 -->
    <img src="../images/picture.jpg"/> <!-- 上级目录中的文件需要先../进入上级目录,再使用同级目录的方法查找文件 -->

绝对路径:

绝对路径是相对于计算机或者网站(网址)而言的,一般很少使用绝对路径


 <img src="C:\Users\17121\Desktop\picture.jpg"/> <!-- 电脑上面绝对路径几乎没人使用,因为换电脑后,文件就无法使用 -->
    <img src="http://webimages/picture.jpg"/> <!-- 网上的绝对路径经常会被使用,但是文件一旦消失或者主机和域名过期,将无法使用 -->

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。

笔者:苦海123

其它问题可通过以下方式联系本人咨询:
QQ:810665436
微信:ConstancyMan