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

网站建设知识 phpacg 2年前 (2018-04-24) 109次浏览 0个评论

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设计。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址