用html5打造更美观的网站文件结构总览

html5编写的网站,通过把节点抽象出来,就能极大减少复杂度,达到真正的静态网站,得以推广实用。对于企业来说,这就是业务转型所需。对于网站开发者来说,html5相比于传统的html代码来说,具有极高的灵活性,能够将各个功能实现得更细致。并且,html5不仅仅能使网站更美观,而且能够从ui设计来考虑。

1、网站的更美观html5的文件结构总览图(以上图做参考,更多请看右图)

1)页面不是一个页面包含多个块,而是由一个个组成块组成的;

2)页面所有的块(item)不再是2x2的分割,而是3x3的分割;

3)页面中的块(item)在css样式图中具有相同的外框边界;

4)页面所有块的边框整体呈v"1"状态;

5)与html/xhtml相比,页面的加载速度相应降低;

6)加载文件时,原来的html文件的索引,与css文件的索引(index)共用一个索引表(indextable)。具体可见图a)。

图b)将每个页面中的页面标题,html页面元素的class,文字等相应的元素标签复制到一个文本文档中,并将该文本文档设置为:[active:focus]方便查看;

3、更美观的交互方式

1)页面间的相互跳转:可通过form表单框间加上文字的“pre”按钮来使页面间相互跳转;

2)组合式模块功能:当相互跳转到别的页面时,html5结构可重用。图c)例如html5页面中的实体legacyscrollwithlist-menuiconslegacyscrollwithlist-menuiconslegacyscrollwithlist-menuiconslegacyscrollwithlist-menuiconslegacys。




转载请注明:http://www.aierlanlan.com/tzrz/8165.html