前端笔记之语义化标签/字符实体

一、语义化标签

1、没有语义的布局标签 - div和span

• 场景：实际开发网页时会大量频繁的使用到div和span这两个没有语义的布局标签
• div标签：一行只显示一个(独占一行)
• span标签：一行可以显示多个

2、有语义的布局标签

• 场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用，做手机端网页需要使用。
  • 标签：

    标签名	语义
    header	网页头部
    nav	网页导航
    footer	网页底部
    aside	网页侧边栏
    section	网页区块
    article	网页文章

                 

• 注意点：

  • 以上标签显示特点和div一致，但是比div多了不同的语义

二、字符实体

1、HTML中的空格合并现象

2、常见字符实体

• 场景：在网页中显示特殊符号效果时，需要使用字符实体替代
• 结构：&英文;
• 常见字符实体：

  显示结果	描述	实体名称
  	空格	 
  <	小于号	&lt;
  >	大于号	&gt;
  &	和号	&amp;
  "	引号	&quot;
  '	撇号	&apos;(IE不支持)
  ₵	分(cent)	&cent;
  £	镑(pound)	&pound;
  ¥	元(yen)	&yen;
  €	欧元(euro)	&euro;
  §	小节	&sect;
  ©	版权(copyright)	&copy;