<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Краткое описание вашего сайта">
<title>Мой проект</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style>
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.55; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 1rem; top: 1rem; background: #fff; padding: 0.5rem; z-index: 9; }
</style>
</head>
<body>
<a class="skip" href="#main">Перейти к содержимому</a>
<header>
<p><strong>Название проекта</strong></p>
<nav aria-label="Главное меню">
<a href="#main">Главная</a>
<a href="#about">О проекте</a>
</nav>
</header>
<main id="main">
<h1>Заголовок</h1>
<p>Текст страницы.</p>
</main>
<footer>
<p><small>© 2026</small></p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Краткое описание вашего сайта">
<title>Мой проект</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style>
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; line-height: 1.55; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 1rem; top: 1rem; background: #fff; padding: 0.5rem; z-index: 9; }
</style>
</head>
<body>
<a class="skip" href="#main">Перейти к содержимому</a>
<header>
<p><strong>Название проекта</strong></p>
<nav aria-label="Главное меню">
<a href="#main">Главная</a>
<a href="#about">О проекте</a>
</nav>
</header>
<main id="main">
<h1>Заголовок</h1>
<p>Текст страницы.</p>
</main>
<footer>
<p><small>© 2026</small></p>
</footer>
</body>
</html>