html5布局标签自我理解

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

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

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

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

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

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

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

你可能感兴趣的:(html5布局标签自我理解)