English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 参考手册

HTML 标签大全

HTML: <main> 태그

HTML <main>标签是一个HTML5元素,用于定义HTML文档中的主要内容,并且文档中应该只有一个 <main>元素。此标签通常也称为 <main>元素。

在线示例

在HTML中,<main>标记的语法为:

<body>
<main role="main">
  <h1>oldtoolbag.com</h1>
  <p>您可信赖的学习新技术的资源</p>
  <article>
    <h2>HTML</h2>
    <p>通过我们的分步教程和参考资料学习HTML(超文本标记语言)。</p>
  </article>
  <article>
    <h2>CSS</h2>
    <p>通过我们的分步教程和参考资料学习CSS(级联样式表)。</p>
  </article>
</main>
</body>

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <main> 标签。

在线尝试示例

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 main标签的使用(基础教程网 oldtoolbag.com)</title>
</head>
<body>
<main role="main">
  <h1>oldtoolbag.com</h1>
  <p>您可信赖的学习新技术的资源.</p>
  <article>
    <h2>HTML</h2>
    <p>通过我们的分步教程和参考资料学习HTML(超文本标记语言)。</p>
  </article>
  <article>
    <h2>CSS</h2>
    <p>通过我们的分步教程和参考资料学习CSS(级联样式表)。</p>
  </article>
</main>
</body>
</html>
테스트를 보고 보세요 ‹/›

정의 및 사용 설명

HTML <main> 요소는 <body> 태그 내에서 찾을 수 있는 HTML5요소.

<main> 태그는 반복적인 내용에 사용되지 않아야 합니다. 예를 들어, 네비게이션, 웹 로고, 소셜 미디어 링크, 저작권 정보,サイ드바.

main 요소에 ARIA 역할 "main"을 사용하는 것을 권장합니다. 이렇게 하면 고객 브라우저에서 스크린 레이더가 접근할 수 있습니다. 예를 들어: <main role="main">

IE보다 오래된 9의 IE 브라우저에 대한 HTML5shiv는 새로운 HTML에 대한 JavaScript 해결책으로, 새로운 HTML의 IE 브라우저에 사용할 수 있습니다. 예를 들어: HTML5요소를 지원합니다. 예를 들어: <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

문서 내에서, <main> 요소의 내용은 독특해야 합니다. 동일한 내용이 여러 문서의 일부로 동시에 존재하는 경우, 예를 들어,サイ드바, 네비게이션 바 링크, 저작권 정보, 웹 로고, 검색 상자(검색 상자가 문서의 주요 기능이 아닌 경우를 제외하고)는 그 안에 포함되지 않아야 합니다.