学做网站培训课程介绍

当前位置：

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做网站：怎样用HTML5在网页图片上写文字 图文教程 (157607 次浏览)
    在做网站过程中，如果想在一张网页上实现图片加文字的格式，就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片，然后
  • 「网站特效」html5 canvas粒子线条特效制作方法 图文教程 (19682 次浏览)
    canvas是html5中比较重要的一个标签，canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • DW 如何创建HTML5网页 图文教程 (127881 次浏览)
    HTML5现在已经成为网页的主流，在使用DW软件新建网页时，我们可以直接去新建一个HTML5页面来编辑。（相关知识：html5从入门教程）DW 创建HTML5格式
  • wordpress安装出现cannot modify header information 错误的解决方法 (19907 次浏览)
    特别近有学员问我wordpress安装的时候，出现cannot modify header information – headers already sent by (……)的错误，开始以为是版本问题，于是换了
  • wordpress头部模板(header.php)制作 图文教程 (115907 次浏览)
    上一节，静态HTML页面转化成WP模板我们已经将HTML静态页面中的一些静态的代码用WP动态标签替换了 。这一节我们开始制作模板中的头部模板(header.php)
  • HTML5语义标签（header、section、footer） 视频教程 (186627 次浏览)
    前面讲的DIV是一种常用的布局标签。HTML5以后添加了一些语义布局标签，通过这些标签可以清楚的了解这一块的内容是代表哪一部分。header元素

课程目录