Ответ
Основная структура HTML-документа включает:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Title</title>
<!-- CSS, favicon, мета-теги -->
</head>
<body>
<!-- Контент страницы -->
<script src="script.js"></script>
</body>
</html>Ключевые элементы:
<!DOCTYPE html>- объявление типа документа- Корневой элемент
<html>с атрибутом языка <head>с метаданными, заголовком и ссылками на ресурсы<body>с основным содержимым- Скрипты обычно подключают перед закрывающим тегом
</body>
Оптимально использовать семантические теги (<header>, <main>, <footer>) внутри <body> для лучшей структуры.
Ответ 18+ 🔞
Давай разберём эту хрень, про которую все так свято говорят, а на деле — элементарщина, если не тупить.
Смотри, вот тебе базовая разметка, скелет любой страницы. Запоминай, а то потом будешь как Герасим — «Му-му» говорить, а нихуя не понимать.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Title</title>
<!-- Сюда всякую хуйню пихаем: стили, иконки, мета-теги -->
</head>
<body>
<!-- А вот тут уже наше всё, что люди увидят. Контент, блядь! -->
<script src="script.js"></script>
</body>
</html>Итак, по косточкам, чтобы не было «удивления пиздец»:
<!DOCTYPE html>— это не тег, а крик души браузерам: «Ёпта, я не из прошлого века, рендерь меня по-современному!». Без этого — пиши пропало, накроется всё медным тазом.<html lang="en">— корень всего, как дуб в сказке. Атрибутlang— язык, чтобы поисковики и скринридеры не охуели от твоего контента.<head>— это как черепная коробка, там мозги. Никто этого не видит, но без этого — ты овощ. Туда мета-теги, заголовок (<title>), стили и прочую служебную ебалду.<body>— а это уже тело, которое все и лицезреют. Сюда весь контент, который ты вымучил.- Скрипты (
<script>) — их, умники, обычно в самый низ, перед</body>суют. Чтобы вся страница сначала загрузилась, а потом уже скрипты её ебали-колбасили. Иначе пользователь будет сидеть и смотреть на белый экран, а терпения у него — ноль ебать.
И главный совет, чтобы не выглядеть пидарасом шерстяным: внутри <body> используй семантические теги! Не пихай всё в <div>, как в помойку.
<body>
<header>Шапка сайта, блядь</header>
<main>Основной контент, вот это самое важное</main>
<footer>Подвал, где копирайты и прочая хуйня</footer>
</body>Вот и вся магия. Сложно? Да ни хуя! Главное — начать, а там уже и до своего «Пиноккио» допишешься.