html5--2.1新的布局元素概述
html5--2.1新的布局元素概述
学习要点
- 了解HTML5新标签(元素)的优点
- 了解本章要学习的新的布局元素
- 了解本章课程的安排
HTML5新标签的优点:
- 更注重于内容而不是形式
- 对人的友好:更加的语义化,高度的描述性,更加的直观,增加了代码的可读性。
- 对计算机的友好:浏览器更容易解析,搜索引擎更容易抓取文档的内容
- 代码更加的简洁
本章将要讲解的新标签概览
新增的布局标签
新增的布局标签可以概括为两类:用于控制页面主体内容的标签,可以划分为主体结构标签;非主体结构标签,用来放置辅助主体内容的信息。
本套课程将按照页面的布局流程来讲解这些新标签,对于分类大家简单了解下就可以,主要还是能够掌握每个标签的用法。
- article标签:定义一个独立内容区块:一篇文章、一个视频文件等
- cection标签:定义一个区域,如文章的章节等
- nav标签:定义目录导航
- aside标签:定义侧边栏
- figure/figcaption标签:定义一组媒体内容以及它们的标题
- header/footer标签:定义一个头部/底部
- hgroup标签:标题分组
- address标签:地址、联系信息等
本章课程安排
- 对新增的标签逐个进行详细的讲解
- 对比table和div+css布局,体验新布局的优点
- 通过综合实例,加深对新布局和新标签的理解
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。
在校每年国奖、专业第一,加拿大留学,先后工作于华东师范大学和香港教育大学。
2024-09-05:27岁,宅加太忙,特此在网上找女朋友,vx:fan404006308
AI交流资料群:753014672