Это вики сообщества, в которой задается вопрос: «Как только семантика может получить нашу HTML-разметку благодаря HTML 5?» Ниже вы можете найти исходный код образца HTML 5. Цель состоит в том, чтобы сделать очень удобную, доступную, стильную веб-страницу, используя как можно меньше классов и идентификаторов.Как мы можем получить семантику с HTML 5?
Также, когда вы планируете начать реализацию HTML 5? Ожидаете ли вы еще 10 лет, пока проект не будет завершен, или вы станете «ранним усыновителем», теперь, когда поддержка браузера быстро растет?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Site Name • Page Title</title>
</head>
<body>
<nav>
<h1><a href="/">Site Name</a></h1>
<ul>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Nav Link</a></li>
</ul>
</nav>
<header>
<p>Welcome to the site!</p>
<a href="#">Call to action!</a>
</header>
<section>
<aside>
<!-- Sidebar -->
</aside>
<article>
<header>
<h2>Article Name</h2>
<p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
</header>
<p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
<figure>
<img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
<label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
</figure>
<p>Lorem ipsum dolor...</p>
</article>
</section>
<footer>
<p>© <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
</footer>
</body>
</html>
Вы забыли закрыть тег тела в конце! –
он не забыл, точно. отсутствие отступов означало, что он был исключен из кодового блока –
Я исправил проблемы с отступом, спасибо, что дал мне знать! :-) – Kerrick