13919049954

前端开发者在HTML5的开发中还继续使用css进行布局

作者: 日期:2017/9/1 8:38:48 人气:313

        HTML5定义:能向后兼容目前UA处理内容的方式。为了让语言更简单,一些老的元素和Attribute会被舍弃。比如一些纯粹用于展现的元素(如big)或Attribute被舍弃,因为他们更适合用CSS来处理。

        但UA依然可以支持老旧的属性和元素。这就是为什么HTML5标准清楚地划分了给开发的要求和给UA的要求。比如,开发者不应当使用plaintext元素,但UA需要兼容plaintext元素。

        既然HTML5已区分对UA和对开发者的要求,再也不需将一些特性标记为deprecated了。


        举个例子:

        div+css一定会学习块状元素和行内元素,但这两个HTML元素概念从字面上却和CSS样式有着很深的联系,这种联系有悖于Web规范中一直倡导的表现和样式分离这种核心理念。

        HTML5新规范中,已经淡化了元素的这两种分类,取而代之的方案是更具有语义的HTML元素分类方式,如下:

        元数据式内容(Metadata content):<base>、<command>、<link>、<meta>...

        流式内容(Flow content):<span>、<div>...[注:1]

        章节式内容:<article>、<aside>、<nav>以及<section>

        标题式内容:<h1>~<h6>、<hgroup>

        段落式内容:<span>、<img>...[注:2]

        嵌入式内容:<img>、<iframe>、<svg>、<audio>、<video>、<canvas>...

        交互式内容:<a>、<button>、<select>、<input>...

        结论:

        前端开发者在HTML5的开发中还继续使用css进行布局,但是更应该结合实际的页面的设计有意识的使用HTML5规范中的内容模型,并通过这些更具有语义的内容模型进行页面的normal flow设计。


            金城在线专注网站、软件、APP、微信公众平台、小程序、抖音、头条等开发推广,如果您有这方面的需求或者不同的观点,欢迎联系交流。

    官方微信

    本文网址:http://lz.net.cn/zixunzhongxin/243.html
    读完这篇文章后,您心情如何?
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    更多>>网友评论
    发表评论