关于HTML--结构化标签
来源:互联网 发布:5357端口 编辑:程序博客网 时间:2024/06/05 11:16
今天主要介绍一些html5新的结构化标签
h5新增加了一些新的结构化标签,其目的呢想必是为了更直观的表达
这就不得不提到HTML的语义化了
我所理解的语义化呢就是选用合适的标签做合适的事然后更加直观的体现页面的内容
比如说你一看见 <img/>标签就应该知道这是一个放图片的标签了
所以呢h5也新增加了一些语义化更好的标签
好了,介绍之前呢,我找了一张图,方便大家直观的理解
相信大家已经从图中应该可以了解到我今天所要介绍的这些标签了
我们一个个的来看一下
1. section
表示页面中的一个内容区块,比如章节,页眉等,该标签呢我们同样可以把他理解为一个容器,或者说是一个大容器,
主要功能其实就是进行分区,报纸大家也都见过,有很多不同的板块,当我们开发一个页面进行功能分拆的时候,这就需要<section/>了。
2. article
表示页面中的一块与上下文不相关的内容。
3. aside
表示出article之外的,与article元素相关内容的辅助信息。
4. header
这个主要是用来存放标题的了,很好理解。
5. footer
内容区块的脚注,比如编写一些底部一些公司信息
6. nav
导航链接的部分
新增加的标签我感觉目前的使用还不是很多,目前多数网站还是<div/>,<span/>之类的,不过作为知识还是应该了解一下啦
0 0
- 关于HTML--结构化标签
- 关于html标签语义化
- HTML中结构化标签的使用
- 关于Html中的标签
- 关于HTML<!DOCTYPE>标签
- HTML基本结构及标签
- html 5新增结构标签
- html head标签结构说明
- 关于html中的Object标签
- 关于HTML标签自定义属性
- HTML 关于<hr>标签,虚线
- HTML 关于<hr>标签,虚线
- 关于html的doctype标签
- 关于 HTML head 头标签
- 关于HTML的排版标签
- 关于HTML的字体标签
- 关于HTML的图片标签
- 关于HTML的超链接标签
- [BZOJ 1725][Usaco2006 Nov]Corn Fields牧场的安排:状压DP
- LintCode-两数组的交集
- spring 回滚事务 异常处理 手动回滚 公司通用处理方式
- Web基础之与Tomcat的初次相遇
- 快排和堆排序
- 关于HTML--结构化标签
- 自定义View之柱状图
- 关于Java面向对象之封装
- 杭电acm1016 Prime Ring Problem
- Java创建线程(Runnable接口和Thread类)
- 有关socket通信包大小的问题总结(UDP传输模式)
- 传奇客户度文件代码完全解析
- Collection和Map的那些常用的类操作的实现原理简要理解笔记
- 函子