我要投搞

标签云

收藏小站

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

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

HTML5文档的语义化是指什么?

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

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

  在HTML5中新增了很多语义标签概念,使HTMl文档根据页面内容结构选择语义标签,是页面结构内容格式化。它有利于清楚的描述HTML文档的意义给浏览器和开发者。下面列举了一些我们常用到的语义标签:

  article元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。

  aside元素表示article元素内容之外的、与article元素内容相关的辅助信息。

  footer元素表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

  figure元素表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用

  到这里你可以能对如何对HTML页面语义化还是一直半解。下面我们就来通过一个具体的页面结构进行说明。

  今天你的leader兴致冲冲地找到你,希望你可以帮他一个小忙,他现在急着要去开会。要帮什么忙呢?你很好奇。

  这个任务很简单嘛!你爽快的答应了,然后你就自己设计出来如下图所示的页面基本结构布局。

  你的leader过来看了下你的成果。总体来说,他还挺满意。但是他说从你设计的网页布局中我们视觉正常的人可以直观的看到页面的布局,并获取页面的内容信息。

  但是屏幕阅读器或者搜索引擎无法获取准确获取页面的内容信息和内容相互之间的关系。

  在你的设计的布局中加入了一些HTML5中的语义元素,这样无论是人还是机器都可以很轻松的从设计布局中读取到相关信息了。这样的设计是不是更合理呢?这样做的好处有:

  1、将构造HTML页面内容语义元素一起使用,可以将HTML内容分成明确的几个区域。

  2、建立区域关系后的页面,对于人或者机器,都更具有可读性。而且,这也有利于搜索引擎访问页面。

  这些都是HTML5的基础知识,在教程网站秒秒学中有很多关于这些知识的讲解,推荐你可以去看看。

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