Как правильно называть html страницы

Конспект «Структура HTML-документа»

Каждый HTML-документ начинается с декларации типа документа или «доктайпа». Тип документа необходим, чтобы браузер мог определить версию HTML и правильно отобразить страницу.

Простейшая HTML-страница состоит как минимум из трёх тегов: , и . Тег обычно содержит заголовок, ключевые слова, описание страницы и другие служебные данные. Также внутри него подключаются внешние ресурсы, например, стили. Содержимое этого тега не отображается на странице напрямую. А в теге хранится содержание страницы, которое отображается в окне браузера.

Для подключения стилей к странице существует тег . Для этого у него есть атрибут href в котором задаётся адрес стилевого файла, а значение stylesheet атрибута rel говорит браузеру, что мы подключаем именно стили, а не что-то другое.

Ещё один элемент, который располагается в — это тег . В нём задаётся заголовок страницы, который отображается во вкладках браузера. По заголовку должно быть понятно, о чём эта страница, даже когда она не открыта в браузере, а отображается в результатах поиска или в браузерных закладках.

Ещё один важный тег, располагающийся внутри это тег . Он одиночный, то есть не требует парный закрывающий тег в конце. С помощью можно сообщать браузеру, поисковому роботу или другому устройству различную служебную информацию (или метаинформацию) о вашем сайте: кодировку текста, описание контента и так далее. Для этого используются теги с разными атрибутами и их значениями.

Кодировка текста HTML-страницы указывается с помощью атрибута charset :

Самая распространённая современная кодировка — utf-8 .

Перечень ключевых слов задаётся тегом , у которого атрибут name имеет значение keywords . Ключевые слова (самые важные слова из содержания страницы) перечисляются в атрибуте content через запятую:

Краткое описание (или аннотация) страницы задаётся похожим образом, только значение атрибута name меняется на description :

Внутри находятся те теги, которые отображаются на странице. Например, тег выделяет основное содержание страницы, которое не повторяется на других страницах. И обычно на странице используется один .

Тег содержит вводную часть страницы, которую чаще называют «шапкой», а тег описывает заключительную часть страницы, или «подвал». Существует тег , который обозначает крупный смысловой (или «логический») раздел.

Тег , обозначает цельный, законченный и самостоятельный фрагмент информации.

Для создания логического раздела с основной навигацией предназначен тег (сокращение от английского «navigation»). Обычно в включают ссылки на другие страницы или навигацию по текущей странице.

Тег включает в себя дополнительное содержание, не связанное напрямую с основным. Такие блоки ещё часто называют «сайдбарами» или боковыми панелями.

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

Спецификация HTML
 
Раздел 1 Введение
 
Раздел 1.1 Происхождение языка

Основную структуру текста создают с помощью заголовков, а более мелкую выстраивают с помощью параграфов (или абзацев). Для разметки параграфов предназначен тег

. По умолчанию абзацы начинаются с новой строки и отделяются от остального контента отступами сверху и снизу.

• Наша группа в VK
• Наш канал на YouTube
• Наша страница в Twitter
• Наш канал в Telegram

Правила именования файлов

При подборе названий для файлов используйте только латинские буквы, цифры, символы «-» и «_».

Из-за того, что для русского языка существует множество различных кодировок, многие программы могут некорректно работать с файлами, имеющими кириллические символы в названии. При использовании русских символов в названии могут возникнуть такие проблемы:

1. Файл корректно отображается при просмотре через FTP-клиент, но не открывается на сайте;
2. Имя файла может «побиться» (стать нечитабельным) при загрузке с локального компьютера на сервер или при копировании файла с сервера на сервер;
3. Файл некорректно индексируется поисковыми системами;
4. Файл не открывается на компьютере пользователя и т.д.

2. Только строчные буквы

Используйте только строчные буквы для названий файлов. В Windows название «Новый Документ.docx» значит то же самое, что и «новый документ.docx», но это относится не ко всем операционным системам. Например, некоторые Unix-системы проявляют чувствительность к регистру.

4. Осмысленные названия на английском языке

Указывайте для файлов осмысленные названия на английском языке, избегайте названий «по умолчанию» (Новая папка 2) и использования транслита.

Когда пользователь собирается перейти по ссылке, он нередко обращает внимание на её адрес. Если имя страницы или файла описывает содержимое, пользователь охотнее перейдёт по ссылке.

Поисковые системы также учитывают название файла. Ссылка на ваш сайт, содержащая в названии ключевое слово, даёт поисковым системам понять, о чем ваша страница.

Как назвать файлы HTML

Имена файлов являются частью вашего URL — и, следовательно, важной частью вашего HTML. Вы можете назвать свой файл практически любым именем, которое вы выбираете, но вы должны следовать нескольким эмпирическим правилам, чтобы обеспечить его правильное отображение.

Не используйте специальные символы

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

Не используйте пробелы

Большинство операционных систем могут обрабатывать имена файлов с пробелами, а веб-страницы — нет. Пространство обычно отображается с подчеркиванием, поэтому многие люди считают, что они должны ввести символ подчеркивания в адресной строке. Кроме того, многие браузеры требуют, чтобы пробел кодировался либо в виде знака плюс, либо в виде% 20.

Начать имя файла с буквы

Хотя это и не является обязательным требованием, некоторые языки программирования дают специальное уведомление о числах и могут не обрабатывать файл, начинающийся с цифры, как вы предполагали. Страница может отображаться некорректно или вообще не загружаться.

Используйте все строчные буквы

Это также не является абсолютным требованием, но это хорошая практика. В отличие от операционных систем персональных компьютеров, большинство операционных систем веб-сервера чувствительны к регистру. Это означает, что ваш компьютер с Windows может видеть Filename.htm так же, как filename.htm, но ваш веб-сервер будет видеть это как два разных файла. Это общая причина, по которой изображения не отображаются на сайтах, созданных начинающими дизайнерами.

Ваши имена файлов должны быть короткими

Хотя URL-адрес может быть длиной до 2000 символов или около того, лучше всего, чтобы имена файлов были короткими и полезными. Имена файлов не более четырех или пяти слов или от 30 до 50 символов являются идеальными. Имена файлов, которые указывают их содержание или назначение, также могут быть полезны, особенно при работе с большим сайтом из многих страниц.

Помните расширение файла

Большинство редакторов HTML добавляют расширения автоматически, но если вы пишете свой HTML в текстовом редакторе, таком как Блокнот, вы должны включить его самостоятельно. У вас есть два варианта для простых файлов HTML: .html и .htm.

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

Хорошая практика именования файлов HTML

При именовании файлов HTML помните следующее:

• Люди читают URL-адреса и ссылки, чтобы понять, о чем эта страница. Четкое и понятное имя файла дает вашим посетителям уверенность в вашем сайте.
• Использование слов, разделенных дефисами, может помочь с SEO, потому что поисковые системы читают URL-адреса.
• CamelCase (смешанные прописные и строчные буквы), хотя популярны среди экспертов по брендингу, может быть трудно читать. Кроме того, вы рискуете, что файловая система с учетом регистра не распознает, что filename.htm и fileName.htm — это одни и те же файлы.
• Присвоение имен файлам на основе дат или других произвольных деталей затрудняет редактирование в дальнейшем. Например, если вы ищете файл о слонах, elephants.htm является очевидным выбором, тогда как aa072700a.htm может быть о чем угодно.

Как правило, хорошие имена файлов для веб-страниц легко читаются и понимаются как вами, так и вашими посетителями. Они легко запоминаются и имеют смысл в иерархии сайта. Следование этим рекомендациям поможет вашему веб-сайту выполнить свою работу по передаче сообщения и поможет вам поддерживать сайт.

#2 – Файл «index.html». Отображение сайта

За урок мы создадим наш первый проект и добавим внутрь него файл «index.html». Мы рассмотрим основную структуру HTML разметки, узнаем что такое теги и научимся отображать HTML файлы в браузере.

Видеоурок

Расширение

При создании HTML файла обязательно указывать расширение файла, как: .html . Создав файл с таким расширением вы сможете открыть его через любой веб браузер. Некоторые разработчики указывают расширение .htm , что тоже является верным.

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

Отображение в браузере

Чтобы открыть HTML файл в браузере достаточно два раза нажать на него. После этого файл будет открыт в вашем браузере по умолчанию. Весь код из HTML файла будет обработан и показан на странице в браузере.

Основная структура

      Привет