语义化标签

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

posted @   fnncat  阅读(159)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示