HTML5 main元素
main元素
main元素代表文档的主内容区,它应当与文档直接相关,或者是文档的中心主题的扩展,并且,应当是文档中独一无二的,不会在文档中其他任何地方(如,侧边栏、导航栏、版权信息、搜索框)重复出现的内容。如:
<!-- other content -->
<main>
<h1>Skateboards</h1>
<p>The skateboard is the way cool kids get around</p>
<article>
<h2>Longboards</h2>
<p>Longboards are a type of skateboard ...</p>
<p>... </p>
<p>... </p>
</article>
<article>
<h2>Electric Skateboards</h2>
<p>These no longer require ...</p>
<p>... </p>
<p>... </p>
</article>
</main>
<!-- other content -->
一个页面中只能有一个main元素,不能将 main元素放在 article、aside、header、footer、nav 元素的里面,即main元素的级别不能低于这些元素。
版权声明:本文出自 歪脖网 的《HTML5宝典》,欢迎在线阅读,并提出宝贵意见。
HTML5 main元素相关推荐
- html5插件教程,HTML5教程 | HTML5 time元素
HTML5 time元素是用于定义页面的日期和时间的语义元素. 基本的time元素 time元素包含2个部分的日期信息.一个部分是给机器阅读的,另一个部分是给人阅读的.下面是一个简单的time元素的示 ...
- html5+调用safari,Safari浏览器不酷,HTML5无效元素; JavaScript是
我使用JavaScript来生成一个图像对象,然后使用jQuery来改变它的属性,包括一个.load函数.在找到Safari(ver 5.0.5)的错误控制台(当最后不难发现时最令人沮丧)之后,我们发 ...
- 《HTML5多媒体应用开发》——第2章 HTML5多媒体元素2.1 Web多媒体历史
本节书摘来自异步社区<HTML5多媒体应用开发>一书中的第2章,第2.1节,作者: [爱]Ian Devlin 更多章节内容可以访问云栖社区"异步社区"公众号查看. 第 ...
- 下列不属于html5语义元素,HTML5 新的语义元素
HTML5 提供了新的语义元素来明确一个Web页面的不同部分: HTML5中新的语义元素 HTML5 元素 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 根据W ...
- html5 渐变色矩形,使用HTML5画布元素的矩形渐变
如何使用HTML5画布元素绘制具有如下图所示渐变效果的矩形?使用HTML5画布元素的矩形渐变 编辑:感谢所有的反馈.是的,我已经尝试了很多方法.例如,我可以使用@Loktar建议的createRadi ...
- html5画布页面,HTML5 界面元素 Canvas 参考手册
HTML5 界面元素 Canvas 参考手册 转载请保留此句:太阳火神的美丽人生 - 本博客专注于敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否 ...
- HTML5新增元素之Canvas-实现太极八卦图和扇子
HTML5新增元素之Canvas-实现太极八卦图和扇子 绘制流程: 1.在HTML5中添加canvas元素,并且设置宽度和ID 2.在canvas元素中添加提示语句,让不支持的canvas的浏览器能够 ...
- 三天学会HTML5 ——多媒体元素的使用
文件夹 1. HTML5 Media-Video 2. HTML5 Media-Audio 3. 拖拽操作 4. 获取位置信息 5. 使用Google 地图获取位置信息 多媒体是互联网中的最重要的一部 ...
- HTML5页面元素figure与figcaption标记的应用
样式 代码 <!doctype html> <html lang="en"><head><meta charset="UTF-8 ...
最新文章
- placeholder 颜色更改
- Windows自带的杀进程工具
- 开发日记-20190905 关键词 Linux (Ubuntu) 下的Android模拟器:Genymotion
- 商业领袖摘下帽子才能炼成极致
- ASCII 编码对照表
- VTK:图片之PickPixel2
- ocx控件 postmessage消息会消失_实战经验:如何检测CMFCTabCtrl控件标签页切换事件...
- 【nyoj - 890】 分东西 (水题 二进制)
- Lombok不起作用原因
- 复制链接到safari浏览器打开_APP应用内嵌h5页面怎么直接打开Safari来访问链接?
- SQL Server2008如何设置开启远程连接
- IEEE与APA引用格式
- 如何用计算机if函数,Excel IF函数怎么用
- Java去掉红色印章,基于RGB和HSV实现红色公章删除
- 在线图片处理api接口
- C/C++打印百分号 %
- pubgmob国际服服务器维护中,pubgmob国际服
- 计算机图形学实验——二维卡通人物交互
- 2019年宁波顶岗实习
- RWS 负责任羊毛标准