Теория урока

13. Исходный код веб-страницы

Перед обсуждением темы, приведем традиционную структуру веб-страницы.

Типичная страница на HTML

Код HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Типичная страница</title>
        <meta charset = "utf-8">
    </head>
    <body>
        <h1>Заголовок первого уровня</h1>
        <p>Абзац.</p>
        <!-- Комментарий -->
    </body>
</html>

Исходный код страницы традиционно содержит определенные теги. Они организуют структуру веб-страницы. О них мы уже ранее говорили, поэтому повторим. Страница начинается с тега <!DOCTYPE html>, который объявляет тип документа. Далее можно увидеть контейнер <html> за пределами которого может быть только <!DOCTYPE>. Внутри тега <head> указываются заголовок страницы, мета-теги, подключаемые стили и скрипты, то есть то, что для пользователя является «невидимым» (кроме заголовка, отображаемого во вкладке браузера). Далее можно увидеть тег <body>, в котором размещаются все элементы сайта, видимые пользователем.

Поначалу может показаться что нет необходимости соблюдать структуру, ведь вы же разработчик, а следовательно, в праве решать что и как вам делать. Но когда сайт будет запущен, поисковые системы не дадут вам так вольно относится к структуре сайта. Неправильно сверстанные страницы будут ниже ранжироваться в поисковой выдаче, а это приведет к меньшему количеству посещений сайта из поисковых систем и меньшей популярности сайта в целом. Ранжирование – это сортировка сайтов в поисковой выдаче.

13. Исходный код веб-страницы

Типичная страница на HTML

Похожие уроки и записи блога