Минимальный код html страницы

Дата31.10.2020

Image

Доброго времени суток, уважаемый посетитель!

Под минимальным кодом подразумевается таковой, которого достаточно для шаблона, который впоследствии будет использован для разработки, тестирования. Если же вы вышли на этот материал в желании сжать html код, то об этом рассказывается в другом материале.

И так, продолжим. Давайте посмотрим, какого кода будет достаточно, дабы он был полнофункциональным для базовой html страницы, которая бы впоследствии могла использоваться для самых разных задач, связанных с дальнейшим созданием дизайна, оформления, функционала и т.п.

Самый минимум html кода для формирования базовой страницы

Базовый код выглядит следующим образом:

<html lang="ru">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Заголовок</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>

</body>

</html>

Стоит рассказать о ключевых элементах базового кода:

  • Открывающий тег html – оный традиционно вписывается в начале кода. В нём дополнительно можно указать локализацию страницы, что и было сделано. В самом конце, естественно, вписывается закрывающий вариант тега html.
  • Дальше традиционно идёт тег head, в область которого вписывается различная техническая информация: кодировка страницы, заголовок и так далее. JavaScript и стили тоже допустимо вписывать в данную область.
  • Тег Content-Type – оный располагается в блоке head и информирует браузер о том, в какой кодировке расположен текст на странице. Для русского языка это традиционно utf-8, а ранее можно ещё было встретить кодировку windows-1251.
  • Тег title в особых комментариях не нуждается, в нём прописывается заголовок созданной страницы.
  • Тег viewport – оный располагается в блоке head, относительно молодой тег, в сравнении с остальными присутствующими. Оный был введён для оптимизации отображения сайтов на мобильных устройствах. Можно обойтись и без него, однако открытая на мобильном устройстве страница будет отображаться не самым лучшим образом.
  • И вот мы подошли к тегу body – в нём располагается контент страницы. В нашем примере ничего нет, что закономерно, ведь это базовый шаблон для дальнейшей разработки. И здесь вы можете вписать всё что угодно – самый разнообразный контент, придать ему дизайн за счёт использования самых разнообразных html тегов и так далее.

Вот мы и рассмотрели, какой должен быть базовый код, если речь идёт о заготовке html страницы для дальнейшей разработки, отладки, тестировании различного реализуемого дизайна и функционала.

Поделиться ➞
Пожертвование сайту WPuse.ru (cбор пожертвований осуществляется через сервис «ЮMoney»)
Читайте также: