html5中新增的非主体结构的元素
2024-09-24 03:47:42
html5中出了新增了article、section、nav、aside、time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素。
一、header元素
header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数据表格、搜索表单或相关的LOGO图片。
二、footer元素
footer元素可以作为其上层父级内容区块或一个根区块的脚注。footer通常包括其相关区块的脚注信息,如作者、相关阅读链接以及版权信息等。
html5之前的代码示例:
<div class="footer">
<ul>
<li>版权信息</li>
<li>站点地图</li>
<li>联系方式</li>
</ul>
</div>
html5出现后,这种方式不再使用,而是使用更加语义化的footer元素来代替。与header元素一样,一个页面可以使用多个footer元素。
三、address元素(块级元素,默认斜体italic)
address元素用来在文档中呈现联系信息,包括文档作者或文档维护者的名字、网站链接、电子邮箱、真实地址、电话号码等。
四、main元素
main元素表示页面的主要内容,主内容区域指与网页标题或应用程序中本也页面主要功能直接相关或进行扩展的内容。该区域应该为每一个网页中所特有的内容,不能包含整个网站的导航条、版权信息、网站LOGO、公共搜索表单等整个网站内部的共同内容。每个网页内部只能放一个main元素。不能将main元素放在任何article、aside、footer、header和nav元素中。
最新文章
- java内存泄露
- 在Ubuntu中安装Python3
- 更新CocoaPods碰到的问题及知识点
- SQL Server2008函数大全(完整版)
- ectouch第五讲 之表
- 配置Tomcat数据源
- CentOS安装配置VSFTP服务器
- [转载]C#如何在webBrowser1控件通过TagName,Name查找元素(没有ID时)遍历窗体元素
- Android HAL
- odoo定时发送邮件
- restorecon【转】
- MDK编译过程
- 华为机试正式版(西安c/c++/java),今天下午去机试的题目,新奇出炉了!
- SetParent
- JSON 数组的创建方式
- 用css实现在横线中间插入文字
- seqtk 的安装和使用
- 【.Net】从字符串数组中寻找数字的元素
- javascript经典小游戏代码集合
- 推荐8款HTML5相关的特殊效果
热门文章
- 【IOS 开发】Objective - C 面向对象高级特性 - 包装类 | 类处理 | 类别 | 扩展 | 协议 | 委托 | 异常处理 | 反射
- jdbcTemplate的queryForList
- C++编写ATM
- Hadoop:Hadoop基本命令
- Android的数字选择器NumberPicker-android学习之旅(三十七)
- 【一天一道LeetCode】#260. Single Number III
- Java-IO之ByteArrayInputStream
- DB Query Analyzer 6.04 is distributed, 78 articles concerned have been published
- PO核准通知界面修改
- Gradle 笔记——Java构建入门