html资源代码,从html代码到html5代码

从html代码到html5代码

发布时间：2020-03-26 16:03

html5，web开发领域的新术语，从html到html5，从纯粹的div到等新的结构性标记，让代码更清晰化。

一个web页面大致的代码是这样的：

从图可以看出，我们一般的代码都是利用div标记来构建html代码的，不同的页面板块，定义不一样的id属性，这个对于人为看的话可能没什么差异，但是对于搜索引擎话，就需要猜测

它的意思，也可能在构建网页的时候，web设计师还在为id属性取什么名字而烦恼。在这点上，html5就实用了很多，html5中新增了一些结构性标记。

：它包含所有通常放在头部的标志。

：它表示导航元素，如果页面中有标记可以使用进行替换。

：它指一个有主题的内容组，通常的规则是前有header标记，后有footer标记。它也可以嵌套使用。

：它指将section进行打包形成一个文档或网站独立的部分，一个页面中可以有多个article元素。

：它是相当于一个括号备注，脚注，引用，注释，或者说是类似于侧边栏的标记，可以用于所有这些情况。

：它可以用在section中，也可以用于一个页面的底部。

将html5新增的这些标记整合在一起，代码就可以是这样的显示：

从代码来看，更易于理解了。

写了html5的代码，肯定需要配合上css3样式，在目前的浏览器中，样式中需要添加display:block;这一属性。

不管是对开发人员还是搜索引擎，简洁才是硬道理!!!