美文网首页
html5布局标签自我理解

html5布局标签自我理解

作者: 光明享心 | 来源:发表于2015-10-08 09:57 被阅读68次

Div:无任何语义,仅仅用于样式化,脚本化。

Section: section元素不是为了代替div出现的,section就像他的字面意义一样,他只是标示文档中的一部分,而不是整块。如果内容需要进行样式化的时候不推荐使用seciton。同样,section在文档中标示一个章节,一个段落,一般情况下他会由一个标题和其内容组成。但是他不能脱离整体文档进行解读

Article:article与section很相似,他们都代表这文档中的一片区域,但是不同的是,articl是可以脱离文档进行解读的,及时脱离了上下文档,也可以完整的进行解读

总结:div用于样式化,脚本化的区域,section用于一段有主题性的内容,而如果这段内容可以脱离整体独立存在的话使用article。

Aside:附加内容,侧边栏等内容;

Dialog:在不添加任何属性的情况默认为隐藏状态,他的前一个同级元素是区块它会显示在区块下方的屏幕中间,如果是内联,他会已内联Y轴中心点偏下的屏幕中间部分。

在Hmlt5中布局标签变得丰富,随之而来的就是繁琐,在进行布局的时候要非常注意各个标签的使用:后续会继续更新

相关文章

  • html5布局标签自我理解

    Div:无任何语义,仅仅用于样式化,脚本化。 Section: section元素不是为了代替div出现的,sec...

  • H5提纲布局

    传统布局与HTML5布局和H5新语义标签 传统网页布局 H5 经典网页布局 H5新语义标签 输入类型 (表单类型,...

  • HTML的语义化

    深入理解HTML5标签如何写出高效率的HTMLHTML 5的革新——语义化标签怎样理解HTML5和CSS3的语义化...

  • [html5 语义化标签]

    HTML 5的革新之一:语义化标签一节元素标签。 html5的布局 节点元素标签分为:节元素标签、文本元素标签、分...

  • 我的前端技能树

    HTML 常见标签和属性 HTML5 CSS 常用选择器 常用样式和布局 响应式布局(了解,并不熟悉) rem 的...

  • HTML5标签语义化

    理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,...

  • [HTML5] html5 笔记1

    01-HTML5基础 了解HTML5 新语义标签 网页布局结构标签及兼容处理 多媒体标签及属性介绍 新表单元素及属...

  • 拒绝滥用html标签

    减少使用div class布局 不要滥用html标签div使用html5语义化标签 W3C标准

    一个页...

  • HTML5语法,标签, 属性

    @(HTML5)[HTML5 语法, HTML5标签, HTML5属性] [TOC] 一 、HTML5语法,标签,...

  • HTML5_新标签

    (一)HTML5 添加的一些新标签: , , , , , , , 作用:更加的语义化 (二)新的布局页...

网友评论

      本文标题:html5布局标签自我理解

      本文链接:https://www.haomeiwen.com/subject/zhwwcttx.html