学习笔记(12):Web前端与HTML5移动开发系列一：HTML篇-14，div，span和标签的语义化...

立即学习:https://edu.csdn.net/course/play/4381/77478?utm_source=blogtoedu

div、span：1作用：组织划分结构，没有任何语义，主要配合CSS完成页面布局，美化网页

格式：<div>内容</div><span>内容</span>

div是division缩写，span是跨度

说明：1.div独占一行，块级元素，没有语义

2.span可以并排显示，行内元素，没有语义

3.div主要划分大区域，span划分一个模块中小内容

 

标签的语义化：什么样的标签干什么事

作用：1.有利于SEO

2.使网页结构更加合理

3.方便其他设备解析

4.便于团队开发

网页：去掉CSS样式结构依然清晰的网页语义化较好

语义化做法：1.尽可能少使用没有语义化的标签，如<div>

2.在语义化不明显时，优先使用语义化标签

3.不要使用纯样式标签，用CSS控制

4.需要强调的文本可以包含在strong或em标签，默认样式就是加粗。斜体，两种都有语义。