HTML基础知识(11)

语义化标签

目标:能够认识开发中常用的 没有语义布局标签( div、span )和 有语义的布局标签

学习路径:
1. 没有语义的布局标签
2. 有语义的布局标签(了解)

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

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

2.1 有语义的布局标签(了解)

Ø 场景:在HTML5新版本中,推出了一些有语义的布局标签供开发者使用
Ø 标签:

Ø 注意点:
• 以上标签显示特点和div一致,但是比div多了不同的语义

字符实体

目标:能通过 字符实体 在网页中显示特殊符号
学习路径:
1. HTML中的空格合并现象
2. 常见字符实体

 

1. HTML的空格合并现象

Ø 场景:如果在html代码中同时并列出现多个空格、换行、缩进等,最终浏览器只会解析出一个空格

2. 常见字符实

Ø 场景:在网页中展示特殊符号效果时,需要使用字符实体替代
Ø 结构:
Ø 常见字符实体:

常用空格实体: 

版权声明:
作者:zhuim521
链接:https://zhuimwl.com/34.html
来源:追梦博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
HTML基础知识(11)
语义化标签 目标:能够认识开发中常用的 没有语义布局标签( div、span )和 有语义的布局标签 学习路径: 1. 没有语义的布局标签 2. 有语义的布局标签(了解……
<<上一篇
下一篇>>