学做网站培训课程介绍

当前位置:

HTML5语义标签(header、section、footer)

以下为学做网站论坛关于“HTML5语义标签(header、section、footer)”讲解视频教程。

选择课程播放速度:

前面讲的DIV是一种常用的布局标签。

HTML5以后添加了一些语义布局标签,通过这些标签可以清楚的了解这一块的内容是代表哪一部分。

header元素 表示一个区域或整个区域的头部区域。

nav元素表示导航部分

article元素表示一块独立的内容,必须包含H标签

section元素表示 页面中的每一块内容区域都可以使用

aside元素:表示article元素内容之外的信息,内容的辅助信息、侧边栏

footer 标签:定义 section 或 document 的页脚

header元素

header元素是HTML5新产生的语义元素,它是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他的内容,比如在header里面放置logo图片、搜索表单等等。

注意:一个页面内并没有限制header的出现次数,也就是说我们可以在同一页面内,不同的内容区块上分别加上一个header元素。

section元素

section元素是HTML5中用来定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

footer元素

记得我们在以前html5版本以前布局网页底部版权时,习惯使用id=”footer”或class=”footer”。而HTML5中,就可以这样写:

<footer id="foot"></footer>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在自己做网站时,有时需要在自己的网站上插入一些视频。特别是像学做网站论坛这样的视频教程网站,每个页面都需要插入一个视频教程。这时我们就需要使
  • 什么是HTML5+CSS3 图文教程 (193935 次浏览)
    HTML5+CSS3 是一种最新的网站网页布局方式。 HTML5:用于书写网站内容 CSS3:控制内容的排版。 网页布局一共经历了三个主要阶段: 第一个
  • 有些做视频网站的学员有这样一个问题,自己做的视频网站中放的视频的封面图片并不是自己想要的图片,怎么给自己的视频添加自定义的封面图片呢?
  • 前面讲的DIV是一种常用的布局标签。HTML5以后添加了一些语义布局标签,通过这些标签可以清楚的了解这一块的内容是代表哪一部分。header元素