Skip to main content

Hypertext Markup Language (HTML) / Язык гипертекстовой разметки (HTML)

TL;DR

HTML (язык гипертекстовой разметки) - это язык, используемый для создания веб-страниц. Некоторые страницы могут быть написаны непосредственно в HTML, в то время как другие могут использовать конструкторы страниц или другие инструменты для создания веб-страниц, которые также производят HTML-выход, который, в свою очередь, может быть прочитан браузерами.

Что означает HTML?

HTML расшифровывается как Hypertext Markup Language (язык гипертекстовой разметки) и является языком, используемым для создания веб-страниц. Он использует разметку для определения и стилистики элементов. Например, он может определять шрифты, цвета, положение, ссылки и т.д. Несмотря на то, что большинство создателей веб-сайтов не пишут непосредственно в HTML, конечные результаты, которые читаются и интерпретируются веб-браузерами, находятся в формате HTML. Поэтому при щелчке правой кнопкой мыши на любой веб-странице и нажатии кнопки "просмотреть исходную страницу", первая строка текста в результирующем окне должна быть <!doctype html>.

Какова структура HTML-страницы?

Хотя структуры могут различаться, некоторые из элементов, которые вы должны найти в любом HTML, являются следующими (с пояснениями, выделенными курсивом). Проверьте это на любой веб-странице, щелкнув правой кнопкой мыши в любом месте на ней и нажав "просмотреть источник страницы":

<!DOCTYPE html> - это показывает веб-браузеру, что это HTML-файл, который он может прочитать.

<html lang="en"> - это показывает язык, на котором написана веб-страница.

<head> - обозначает начало головной секции, в которой размещены общие коды.

<title>Заголовок страницы</title> - это метатег, показывающий заголовок страницы, который отображается во вкладке браузера

<meta name="description" content="..." /> - используется для описания того, о чем страница, для поисковых систем.

<meta name="viewport" content="width=device-width, initial scale=1, minimum scale=1, user-scalable=0" /> - это команда, рассказывающая, как веб-страница должна отображаться на экране различного размера.

<meta name="роботы" content="index,follow" /> - это говорит роботам, которые ползают по странице, что они могут проиндексировать ее и добавить в результаты поиска.

<link rel="таблица стилей" type="текст/css" href="/css/style/style.css"> - соединяет HTML с CSS-файлом, в котором размещена более подробная стилистика текста.

<script src="/js/random.js" type="text/javascript"></script> - соединяется с файлом Javascript, используемым для выполнения действия на веб-странице.

<link rel="canonical" href="https://yourpage.com"/> - если есть страницы со схожим содержанием или страница может быть найдена по более чем одному URL, это показывает ползунки, какие URL должны быть приняты во внимание в целях авторизации.

</head> - это закрывает головную секцию.

<body> - открывается раздел тела, в котором размещается фактическое содержимое страницы.

<div class="container"> - открывается секция, называемая контейнером, которая обычно устанавливает кадр для некоторого содержимого

<a href="https://yoursiteshomepage.com"><img class="Navbar-brand-logo-normal" src="/images/logo.svg" alt="Visitor Analytics logo" height="52" width="180"></a> - это один из способов размещения изображения логотипа, которое ссылается на вашу домашнюю страницу.

<div class="первый текст">Это первые слова, которые фактически отображаются на вашем сайте</div> - некоторый текст, который можно стилизовать в подключенном CSS-файле.

...

</тело>