HTML区块元素与网页布局

使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不一样部分(此时style样式表内使用语义元素加{}来定义样式)ide

HTML5 语义元素布局

header 定义文档或节的页眉
nav 定义导航连接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容以外的内容(好比侧栏)
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题

这个例子使用 <header>, <nav>, <section>, 以及 <footer> 来建立多列布局:网站

HTML4.0版本中 可以使用区块元素配合id属性达到一样目的(此时style样式表里使用与id搭配的“#语义元素 加{}“)spa

能够使用folate浮动布局来分割横向并排的块元素文档

例子io

<div id="header">table

内容。。。。class

</div>容器

相关文章
相关标签/搜索