代码拉取完成,页面将自动刷新
指定文档的主要内容:
<main>
<h1>最受欢迎的浏览器</h1>
<p>Chrome、Firefox 和 Edge 是当今最常用的浏览器。</p>
<article>
<h2>Google Chrome</h2>
<p>Google Chrome 是谷歌开发的网络浏览器,于 2008 年发布。Chrome 是当今世界上最受欢迎的网络浏览器!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox 是 Mozilla 开发的开源网络浏览器。 自 2018 年 1 月以来,Firefox 一直是第二受欢迎的网络浏览器。</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge 是 Microsoft 开发的 Web 浏览器,于 2015 年发布。Microsoft Edge 取代了 Internet Explorer。</p>
</article>
</main>
<main>
标签指定文档的主要内容。
<main>
元素内的内容对于文档应该是唯一的。 它不应包含在文档中重复的任何内容,例如侧边栏、导航链接、版权信息、站点徽标和搜索表单。
注意: 文档中的 <main>
元素不得超过一个。 <main>
元素不能是 <article>、<aside>、<footer>、<header> 或 <nav> 元素的后代。
表中的数字指定了完全支持该元素的第一个浏览器版本。
Element | |||||
---|---|---|---|---|---|
<main> | 26.0 | 12.0 | 21.0 | 7.0 | 16.0 |
<main>
标签支持 HTML 中的全局属性。
<main>
标签支持 HTML 中的事件属性。
使用 CSS 设置 <main> 元素的样式:
<html>
<head>
<style>
main {
margin: 0;
padding: 5px;
background-color: lightgray;
}
main > h1, p, .browser {
margin: 10px;
padding: 5px;
}
.browser {
background: white;
}
.browser > h2, p {
margin: 4px;
font-size: 90%;
}
</style>
</head>
<body>
<main>
<h1>最受欢迎的浏览器</h1>
<p>Chrome、Firefox 和 Edge 是当今最常用的浏览器。</p>
<article class="browser">
<h2>Google Chrome</h2>
<p>Google Chrome 是谷歌开发的网络浏览器,于 2008 年发布。Chrome 是当今世界上最受欢迎的网络浏览器!</p>
</article>
<article class="browser">
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox 是 Mozilla 开发的开源网络浏览器。 自 2018 年 1 月以来,Firefox 一直是第二受欢迎的网络浏览器。</p>
</article>
<article class="browser">
<h2>Microsoft Edge</h2>
<p>Microsoft Edge 是 Microsoft 开发的 Web 浏览器,于 2015 年发布。Microsoft Edge 取代了 Internet Explorer。</p>
</article>
</main>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。