HTML5 footer标签与文档结构:理解与应用

需积分: 19 7 下载量 174 浏览量 更新于2024-08-22 收藏 1.99MB PPT 举报
HTML5是现代网页开发的重要标准,它的<footer>标签在网页设计中扮演着关键角色。这个标签用于定义文档或特定部分的页脚,常用于放置版权信息、作者署名、创建日期、联系方式等非主要内容区域。例如,在一个简单的网页布局中,可能会看到这样的结构: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>我的网站</title> <!-- 其他head部分内容 --> </head> <body> <header> <h1>欢迎光临我的网站</h1> <p>我是启明星</p> </header> <!-- 网页主体内容... --> <main> <!-- 主要内容区域 --> </main> <footer> <p>本文档创建于2012-10-07</p> <address> <span>联系人:John Doe</span> <span>电话:+1-555-1234</span> <span>Email: john@example.com</span> </address> </footer> </body> </html> ``` HTML5的升级意味着更多的语义化标签和功能,如<header>、<footer>和<main>等,使得网页结构更加清晰,搜索引擎优化(SEO)也更为友好。基础的HTML结构包括文档开始和结束的< HTML >和</HTML>,文件头的<HEAD>和</HEAD>,以及文档标题<TITLE>,这些都是HTML5规范的一部分。 HTML5的课程内容涵盖了基础,如HTML的基础概念、历史发展,以及HTML5新增的特性,如离线存储、音频/视频支持、多媒体元素和更强大的表单控件等。课程的目标是帮助开发者理解和掌握如何利用HTML5构建高效、现代的网页应用,以适应不断变化的互联网环境。 在学习过程中,会逐步深入到HTML5的各个方面,包括但不限于HTML标记的使用、文档结构的组织、CSS和JavaScript的配合,以及响应式设计等,确保开发出兼容性好、用户体验佳的Web应用程序。<footer>标签只是HTML5课程内容中的一个小部分,但它体现了HTML5在网页设计中的实用性和现代性。

<template>
<el-row class="header"> <el-col :span="24">

后台管理系统

注销 </el-col> </el-row> <el-row class="content"> <el-col :span="6" class="sidebar"> <el-menu :default-active="activeMenu" class="menu"> <el-menu-item index="1"> 首页 </el-menu-item> <el-menu-item index="/category"> 分类管理 <router-link to="/category"> <el-menu-item>分类管理</el-menu-item> </router-link> </el-menu-item> <el-menu-item index="3"> 系统设置 </el-menu-item> </el-menu> </el-col> <el-col :span="18" class="main"> <router-view ></router-view> </el-col> </el-row> <el-row class="footer"> <el-col :span="24"> 版权所有 © 2022 后台管理系统 </el-col> </el-row>
</template>还是会跳到新页面

2023-07-15 上传