火力光波的博客

火一般的热情光一样的速度

日志

关于我

火力光波

文章分类

HTML 字符实体

2009-07-04 21:08:44| 分类： html代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

返回《字符编辑目录》

HTML 字符实体

诸如“<”之类的符号在HTML中拥有特殊的含义，所以在文本中使用它们。为在HTML 中显示小于号(<)，需要使用字符实体。

字符实体

一些字符在HTML中拥有特殊的含义，比如小于号(<)用于定义HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们

必须在HTML 源码中插入字符实体。

字符实体有三部分：一个和号 (&)，一个实体名称，或者# 和一个实体编号，以及一个分号 (;)。

要在HTML文档中显示小于号，我们需要这样写：< 或者 <

使用实体名称而不是实体编号的好处在于，名称相对来说更容易记忆。而这么做的坏处是，并不是所有的浏览器都支持最新的实体名

称，然而几乎所有的浏览器对实体编号的支持都很好。

注意：实体对大小写敏感。

亲手实验一下字符实体。（仅支持IE）

空格

空格是 HTML 中最普通的字符实体。

通常情况下，HTML会裁掉文档中的空格。假如你在文档中连续输入10 个空格，那么HTML 会去掉其中的9个。如果使用  ，

就可以在文档中增加空格。

最常用的字符实体

显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<
>	大于号	>	>
&	和号	&	&
"	引号	"	"
'	撇号	' (IE不支持)	'

其他一些常用的字符实体

显示结果	描述	实体名称	实体编号
￠	分	¢	¢
£	镑	£	£
¥	日圆	¥	¥
§	节	§	§
©	版权	©	©
®	注册商标	®	®
×	乘号	×	×
÷	除号	÷	÷

引文来源 HTML 字符实体

返回《字符编辑目录》

评论这张

转发至微博

阅读(1200)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082071081080089074083095083095092086086071081094095066',
              blogTitle:'HTML 字符实体',
              blogAbstract:'<FONT size=\"5\" \>  <P align=\"right\" \><A target=\"_blank\" href=\"http://xuhui-8491.blog.163.com/blog/static/8074589120096481220998/\" \><FONT color=\"#0df111\" size=\"2\" \>返回《字符编辑目录》</FONT\></A\>    </P\></FONT\>  <P align=\"center\" \><FONT face=\"楷体_GB2312\" color=\"#ff6600\" size=\"4\" \>HTML 字符实体</FONT\></P\>  <P\><FONT size=\"2\" \></FONT\> </P\>  <P\><FONT size=\"2\" \>诸如“<”之类的符号在HTML中拥有特殊的含义，所以在文本中使用它们。</FONT\><FONT size=\"2\" \>为在HTML 中显示小于号(<)，需要使用字符实体。</FONT\></P\>  <P\><FONT size=\"2\" \></FONT\> </P\>  <DIV\>  <P\><FONT color=\"#00ccff\" size=\"2\" \>字符实体</FONT\></P\>  <P\><FONT size=\"2\" \>一些字符在HTML中拥有特殊的含义，比如小于号(<)用于定义HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们</FONT\></P\>  <P\><FONT size=\"2\" \>必须在HTML 源码中插入字符实体。</FONT\></P\>  <P\><FONT size=\"2\" \>字符实体有三部分：一个和号 (&)，一个实体名称，或者# 和一个实体编号，以及一个分号 (;)。</FONT\></P\>  <P\><FONT size=\"2\" \>要在HTML文档中显示小于号，我们需要这样写：<EM\>&lt;</EM\> 或者 </FONT\></P\></DIV\>',
              blogTag:'',
              blogUrl:'blog/static/80745891200964984434',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317141871933,
              publishTime:1246712924034,
              permalink:'blog/static/80745891200964984434',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/80745891200964984434">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

火力光波的博客

导航

日志

HTML 字符实体

历史上的今天

最近读者

热度

评论

页脚