本文摘自PHP中文网,作者寻∝梦,侵删。
本篇文章中主要的介绍了关于HTML5 main标签的居中,里面有完整的main标签的用法实例,现在让我们一起来看这篇关于HTML5 main标签的介绍吧首先我们先看看html5 main标签要怎么居中:
<main>标签规定文档的主要内容。
<main>元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。
注释:在一个文档中,不能出现一个以上的<main>元素。<main>元素不能是以下元素的后代:<article>、<aside>、<footer>、<header>或<nav>。
说了这么多定义来看看main标签的居中完整代码实例吧:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!doctype html>
< html >
< head >
< meta charset = "utf-8" >
< title >PHP中文网</ title >
</ head >
< body >
< main align = "center" >
< h1 >PHP中文网</ h1 >
< p >Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</ p >
< article >
< h1 >Google Chrome</ h1 >
< p >Google Chrome是由Google开发的一款免费的开源web浏览器,于2008年发布。</ p >
</ article >
< article >
< h1 >Internet Explorer</ h1 >
< p >Internet Explorer由微软开发的一款免费的web浏览器,发布于1995年。</ p >
</ article >
< article >
< h1 >Mozilla Firefox</ h1 >
< p >Firefox是一款来自Mozilla的免费开源web浏览器,发布于2004年。</ p >
</ article >
</ main >
</ body >
</ html >
|
我把main标签里面加上了一个align属性,意思是让整个文档全部往中间对齐,来看看在浏览器中显示的效果:
阅读剩余部分
相关阅读 >>
几种关于html和css的使用方法
html button标签怎么使用?html button标签有什么作用?
html里文字居中代码怎么写?
分享div+css前端命名的规则
html caption标签怎么用
在html文档中嵌入javascript的四种方法
html之head头部的实现
html 5之新增的特性该如何使用
html中的空格代码是什么
html source标签怎么用
更多相关阅读请进入《Main》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html5 main标签怎么居中?main标签的居中实例介绍