持续总结输出中，今天讲的是HTML开发中常用的没有语义布局标签( div、span )和有语义的布局标签，字符实体在网页中显示特殊符号。
没有语义的布局标签
没有语义的布局标签-div和span
场景: 实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签 div标签:
一行只显示一个(独占一行)
span标签:
一行可以显示多个
有语义的布局标签(了解)
场景: 在HTML5新版本中，推出了一些有语义的布局标签供开发者使用 标签:
| 标签名 | 语义 |
|---|---|
| header | 网页头部 |
| nav | 网页导航 |
| footer | 网页底部 |
| aside | 网页侧边栏 |
| section | 网页区块 |
| article | 网页文章 |
注意点:
• 以上标签显示特点和div一致，但是比div多了不同的语义
HTML中的空格合并现象
场景:
如果在html代码中同时并列出现多个空格、换行、缩进等，最终浏览器只会解析出一个空格
常见字符实体
场景: 在网页中展示特殊符号效果时，需要使用字符实体替代
结构: &英文； 常见字符实体:
| 显示结果 | 描述 | 实体名称 |
|---|---|---|
| 空格 | ||
| < | 小于号小于号 | < |
| 大于号 | > | |
| & | 和号 | & |
| " | 引号 | " |
| ' | 撇号 | ' (IE不支持) |
| ￠ | 分(cent;) | ¢ |
| £ | 镑(pound) | £ |
| ¥ | 人民币/日元(yen) | ¥ |
| € | 欧元(euro) | € |
| § | 小节 | § |
| © | 版权（copyright） | © |
| ® | 注册商标 | ® |
| ™ | 商标 | ™ |
| × | 乘号 | × |
| ÷ | 除号 | ÷ |
总结
常见有语义的布局标签有哪些?
• header:网页头部
• nav:网页导航
• footer:网页底部
• aside:网页侧边栏
• section:网页区块
• article:网页文章
本次的分享就到这里了！！！感谢大家支持，大家的支持是我努力的动力💪💪
