我要投搞

标签云

收藏小站

爱尚经典语录、名言、句子、散文、日志、唯美图片

当前位置:2019跑狗图高清彩图 > 语义 >

html5的语义化标签有哪些及其作用?

归档日期:08-07       文本归类:语义      文章编辑:爱尚语录

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。

  section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

  aside标签定义页面主区域内容之外的内容(比如侧边栏)。

  figure标签规定独立的流内容(图像、图表、照片、代码等等)。

  语义化标签就是尽量使用有相对应的结构的含义的Html的标签,以Table为例:

  这两块代码的标签不一样,第二个表格的这些标签代码,无疑更符合Web标准.

  你看,为什么我们看一篇文章,一下就知道标题在哪呢?在浏览器的顶端。那为什么搜索引擎能抓取呢?就是它知道这个语义化标签title里的就是文章标题,要是我们不遵守这个,而是:

  那搜索引擎怎么就知道谁是标题,谁是内容了呢?它又靠什么去抓取标题呢?其实语义化不仅可以是标签语义化,还可以延伸成结构语义化.举例:

  这个例子里对id的命名稍微有点夸张,但是类似的情况却使有的,当我们想把#left这个div放到页面的右边,和#right调换位置时,难道你可以把样式改成这样?

  1.结构更好,更利于搜索引擎的抓取(SEO的优化)和开发人员的维护(可维护性更高,因为结构清晰,so易于阅读)。

  尽量用有结构含义的,少用无语义的,如span,div无意义,看不出是什么东西,可是address一看就知道这里面的是地址,em标签一看就知道这个是强调的内容,区分于不同内容。

  那么,怎么判断你的页面是否符合Web标准之一:语义化标签呢?你可以把你的页面暂时去掉样式后看可读性怎么样,如果这个时候感觉你的页面很乱,那就说明的的页面的语义化标签不怎么样,而如果你的页面去掉样式了感觉依然不是杂乱无章的,那么,就说明你的页面结构清晰,语义化标签比较可以了。

本文链接:http://mangerdulion.com/yuyi/374.html