html标签的设计都是有语义考虑的
div division 分隔
span span 范围
ol ordered list 排序列表
ul unordered list 无序列表
li list item 列表项目
dl definition list 定义列表
dt definition term 定义术语
dd definition description 定义描述
del delete 删除
ins inserted 插入
h1~h6 header1~hearder6 标题1到标题6
p paragraph 段落
hr horizontal rule 水平尺
a anchor 锚
abbr abbreviation 缩写词
acronym acronym 取首字母缩写词
address address 地址
var variable 变量
pre preformtted 预定义格式
blockquote block quotation 区块引用语
strong strong 加重
em emphasized 加重
b blod 粗体
i italic 斜体
big big 变大
small small 变小
sup superscripted 上标
sub subscripted 下标
br break 换行
center center 居中
u underlined 下划线
s striketthrough 删除线
fieldset fieldset 域集
caption caption 标题
因为搜索引擎看不到效果，看到的只能是代码，只能通过标签来判断内容的语义。
正确的做法是先确定HTML ,确定语义的标签，再来选用合适的CSS