Какой тег используется для указания имени страницы

Какой тег используется для указания имени страницы

Определяет заголовок документа. Элемент не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег на документ и размещать его в контейнере .

Рис. 1. Вид заголовка в браузере Firefox

Синтаксис

Закрывающий тег

Атрибуты

HTML5 IE Cr Op Sa Fx

     
.





  

Примечание

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

• По тексту заголовка пользователь получает дополнительную информацию, что это за сайт, на котором он находится и как называется текущая страница. Не стоит думать, что достаточно в документе указать логотип сайта и проигнорировать заголовок, ведь посетитель может свернуть окно. В свернутом виде заголовок также отображается на кнопках панели задач, поэтому можно легко ориентироваться, с каким сайтом в данный момент работать, а не перелистывать их по очереди.
• Большинство браузеров поддерживают возможность сохранения веб-страницы на локальный компьютер. В этом случае имя сохраненного файла совпадает с названием заголовка документа. Если в тексте заголовка содержатся символы недопустимые в имени файла (\ / : * ? » < >|), они будут проигнорированы или автоматически заменены другими дозволенными символами.
• При сохранении в разделе браузера «Избранное», адрес текущей страницы с ее заголовком помещается в список предпочитаемых ссылок. Поскольку этот список, как правило, хранится в виде отдельных файлов, к их именам также прилагается уже вышеописанное правило.
• В результатах поиска по ключевым словам, поисковые системы используют заголовок страницы для указания ссылки на данный документ. Интересно написанный заголовок, содержащий ключевые слова, привлечет больше внимания посетителей и увеличит шансы на то, что сайт посетит больше людей.

Статьи по теме

• Введение в HTML
• Синтаксис HTML5
• Теги заголовка документа
• Элемент title

Какой тег используется для указания имени страницы

Тег является контейнером, который заключает в себе все содержимое веб-страницы, включая теги и . Открывающий и закрывающий теги в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент . Закрывающий тег должен всегда стоять в документе последним.

Синтаксис

Атрибуты

title Добавляет всплывающую подсказку на веб-страницу. manifest Указывает файл манифеста, необходимый для создания оффлайнового приложения. xmlns Указывает пространство имен для XHTML-документов.

Также для этого тега доступны универсальные атрибуты.

Как устроен HTML

Существуют глобальные атрибуты, их можно применять ко всем тегам: список глобальных атрибутов.

Некоторые глобальные атрибуты:

• class определяет класс, значение – имена классов;
• id – идентификатор, значение – уникальный идентификатор;
• style – стили, значение – код CSS;
• hidden – скрывает элемент, но не удаляет его из DOM. Аналогично применению стиля display: none;
• title – дополнительная информация в виде всплывающей подсказки, значение – текст.

Основные теги

1. Структура и инструкции для построения HTML-документа:
   • . Указывается в первой строке документа и означает: «Этот документ написан на HTML5». Не представлен в дереве документа DOM. Обязателен для корректного применения CSS.
   • html. Главный тег, сообщает браузеру, что это HTML-документ. Находится в основании дерева DOM и он – корневой элемент, или элемент верхнего уровня.
   • head. Не всю информацию надо показывать на странице. Служебная информация – в «голове» документа.
   • title, link. Служебная информация: краткий заголовок и ссылки на внешние файлы (иконка, стилевой файл). Определяются в head.
   • meta. Любая информация о мета-данных, которая не может быть представлена другими, ориентированными на мета-данные, HTML элементами. Например, кодировка страницы.
   • body. Все видимое в окне, вкладке браузера содержимое – в «теле» страницы.
   • комментарии: .
2. Основная разметка
   • Заголовки h1-h6. Заголовки и подзаголовки улучшают читаемость текста.
   • p и br. Параграф и принудительный перенос на новую строку. Заголовки нельзя вкладывать в параграфы!
   • hr. Разделитель содержимого, горизонтальная линия (display: block).
   • img. Картинка, изображение (display: inline-block). В обязательном атрибуте src указывается путь к файлу или его URL. Распространенные форматы изображений: jpeg, png, svg, webp (пример webp):
   • ul и ol, li: ненумерованный и нумерованный списки, элемент списка (display: list-item).
   • a. Ссылка. Атрибуты download, href, target и т.д.
     Якорь — это название после символа #, который указывает на элемент (идентификатор, ID) на текущей странице.
   • Стилистически выделенные строчные элементы:
     b (полужирный, font-weight: bold),
     i (курсив, font-style: italic),
     u (подчеркнутый, text-decoration: underline),
     s (перечеркнутый, text-decoration: line-through).
   • sub (vertical-align: sub; font-size: smaller;), sup (vertical-align: super; font-size: smaller).
3. Семантическая разметка
   • header. «Шапка» страницы. Не путать с head!
   • footer «Подвал» страницы.
   • main. Основное содержимое страницы.
   • section. Раздел, секция.
   • article. Статья.

Семантические теги по свойствам повторяют тег div.

Сколько всего тегов HTML?

Их 115–120, примерно как в периодической системе химических элементов – таблице Менделеева:

Спецсимволы HTML

Спецсимволы – запоминающиеся (мнемонические) обозначения символов вида &слово;. Они входят в стандарт HTML.

Когда использование спецсимволов – единственная возможность отобразить символ на web-странице:

• Знак меньше: < Потому что с него начинаются теги.
• неразрывный пробел, мнемоника  . Потому что в коде HTML игнорируется более одного пробела подряд.

Другие часто используемые спецсимволы:

• Знак больше >: >
• короткое – тире – и длинное — тире —
• двойные угловые кавычки, или французские кавычки, или «ёлочки»: « и »
• амперсанд &: &
• копирайт ©: ©

Чем заполняют макеты?

Текстом Lorem ipsum, который не имеет перевода. Слово «lorem» получилось из-за переноса «dolorem» на новую страницу после первого слога.
Фраза «dolorem ipsum» встречается в философском трактате Цицерона «О пределах добра и зла», написанном в 45 году до н.э. на латинском языке.

• В оригинале: «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit . »
• Перевод: «Нет никого, кто любил бы свою боль, кто искал бы ее и хотел бы чтобы она была у него. Потому что это боль. »

Первые 100 слов, вызываются сокращением Emmet lorem100:

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio animi alias porro ipsam illum exercitationem odit cum perspiciatis quidem, a perferendis eum minus ea sapiente corporis libero quos ullam, debitis assumenda? Corrupti, culpa! Ut fuga corrupti culpa eligendi voluptas, molestiae aliquid quod soluta, nostrum doloribus maxime numquam illo facilis obcaecati excepturi expedita pariatur ullam necessitatibus ex eius odit, similique saepe omnis officiis. Maiores facilis ullam architecto numquam non tempore magni quae deleniti? Corrupti aspernatur officia qui recusandae quis mollitia facere illum corporis cum id harum, odit maxime repellat tempore deleniti exercitationem iste ullam suscipit provident delectus, sed necessitatibus doloremque. Excepturi?

Альтернативы HTML?

Языков разметки много, и HTML – всего один из множества, хотя сегодня и самый популярный. Существует SGML (Standard Generalized Markup Language), стандартный обобщённый язык разметки.

Языки HTML и XML произошли от SGML. HTML был приложением SGML, а XML – это подмножество SGML, разработанное для упрощения процесса машинного разбора документа. В 2000-х годах у консорциума W3C было серьезное намерение перевести веб на XML. К счастью, этого не случилось.

Markdown – облегчённый язык разметки, созданный с целью написания легко читаемого и удобного для правки текста, но пригодного для преобразования в другие форматы (например, HTML). Подходит для самых простых страниц, но требует конвертации в HTML.

— элемент для описания метаданных

HTML-элемент представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как , , , или .

Категории контента	Мета данные. Если задан itemprop атрибут: flow content, phrasing content.
Допустимое содержимое	Отсутствует — это пустой элемент.
Пропуск тегов	Так как это пустой элемент, то открывающий тег должен присутствовать, а закрывающий — отсутствовать.
Допустимые родители	, : элемент. Если http-equiv это не заявленная декларация, то может быть внутри элемента или .
Допустимые ARIA-роли	Отсутствуют
DOM-интерфейс	HTMLMetaElement (en-US)

Атрибуты

Этот элемент включает в себя глобальные атрибуты.

Примечание: атрибут name имеет особое значение для элемента и атрибут itemprop не должен быть задан в элементе в котором уже определены какие-либо name , http-equiv или charset атрибуты.

Этот атрибут задаёт кодировку символов, используемую на странице. Он должен содержать стандартное имя IANA MIME для кодировки символов. Хотя стандарт не требует определённой кодировки, он рекомендует:

• Авторам рекомендуется использовать UTF-8 (en-US) .
• Не следует использовать ASCII-несовместимые кодировки, чтобы избежать угроз безопасности: браузеры, не поддерживающие их, могут интерпретировать вредоносный контент как HTML. Это относится к семейству кодировок JIS_C6226-1983 , JIS_X0212-1990 , HZ-GB-2312 , JOHAB и EBCDIC .

Примечание: ASCII-несовместимые кодировки — это те, которые не преобразуют 8-битные коды точек 0x20 , 0x7E , 0x0020 , 0x007E в коды Unicode точек.

• Авторы не должны использовать CESU-8 , UTF-7 , BOCU-1 и/или SCSU , так как есть примеры атак межсайтового скриптинга (en-US) использующих данные кодировки.
• Авторам не следует использовать кодировку UTF-32 , потому что не все алгоритмы кодирования HTML5 могут отличить её от UTF-16 . Примечание:
• Указанный набор символов должен соответствовать одной странице. Нет веских оснований для объявления неточного набора символов.
• элемент должен находиться внутри элемента и задаваться в 1024 первых байтах HTML страницы, поскольку некоторые браузеры смотрят только эти байты перед выбором кодировки.
• Этот элемент — часть алгоритма, определяющего набор символов (algorithm to determine the character set) страницы, который браузер поддерживает. Заголовок Content-Type и любые Byte-Order Marks элементы переопределяют данный элемент.
• Настоятельно рекомендуется определить кодировку символов. Если для страницы не определён набор символов, то некоторые cross-scripting технологии могут повредить страницу, например такие как UTF-7 fallback cross-scripting technique. Постоянная установка этого элемента будет защищать вас от этого риска.
• Этот элемент это синоним для pre-HTML5 где * IANAcharset *соответствует значению эквивалентного charset атрибута. Этот синтаксис по-прежнему разрешён, хотя и устарел и больше не рекомендуется.

Этот атрибут содержит значение для http-equiv или name атрибута, в зависимости от контекста.

Этот атрибут определяет прагму, которая может изменять поведение серверов и пользователей. Значение прагмы определяется с помощью content и может быть следующим:

• «content-language»
  • : Эта прагма определяет значение языка страницы по умолчанию.

  Примечание: Не используйте эту прагму, так как она устарела Используйте глобальный атрибут элемента вместо этого.

  • : Это значение позволит администратору веб-сайта определить политику содержания для обслуживаемых ресурсов. За некоторыми исключениями, политика в основном включают в себя указание происхождения сервера и конечные точки сценария. Это помогает предотвратить атаки межсайтового скриптинга.
  • Не используйте эту прагму, так как она устарела. Используйте атрибут charset в элементе вместо этого.
  • не может быть использована для выбора типа документа в XHTML документе, или в HTML5 документе, за которым следует XHTML синтаксис, никогда не задавайте MIME тип как XHTML MIME. Это будет некорректно.
  • Только HTML документ может использовать контент-тип, так что большинство из них являются неиспользуемыми, поэтому они являются устаревшими и заменяются charset атрибутом.
  • : Специализация этой прагмы — предпочтительный стиль таблиц, используемый на странице. content атрибут должен содержать заголовок элемента который href связывает атрибут с CSS таблцей стилей, или заголовок элемента, который содержит CSS таблицу стилей.
  • : Эта прагма определяет:
    • Количество секунд перезагрузки таблицы, если content атрибут содержит только целое положительное число;
    • Время, в количестве секунд, за которое страница должна быть перенаправлена на другую, если content атрибут содержит целое положительное число, заканчивающийся строкой ‘ ;url= ‘ и корректный URL.

    Примечание: Не используете эту прагму, так как она устарела. Используйте HTTP header set-cookie вместо этого.

    Этот атрибут определяет имя уровня документа метаданных. Его не следует устанавливать, если один из атрибутов itemprop , http-equiv или charset также указан в наборе. Имя этого документального уровня метаданных связано со значением, которое содержится в content атрибуте.Допустимые значения для имени элемента, со связанными с ними значениями, хранятся посредством content атрибута:

    application-name , определяет имя веб-приложения, запущенного на веб-странице;

    • Простые веб-страницы не определяют application-name meta.

    Примечание: Некоторые браузеры поддерживают ключевые слова всегда, по умолчанию и никогда для реферера. Эти значения устарели.

    Примечание: Динамическая вставка (с помощью document.write или appendChild) создаёт недетерминизм, когда дело доходит до отправки рефереров. Также стоит отметить, что когда определяется несколько конфликтующих политик, применяется No-referrer policy.Атрибут также может иметь значение, взятое из существующего листа определений WHATWG Wiki MetaExtensions page. Хотя ни один из них официально не был принят, в число предложений входят несколько часто используемых имён:

    • Только кооперативные роботы будут следовать правилам, определённым именем роботов.
    • Роботу необходимо получить доступ к странице, чтобы считать мета значение. Если вы хотите скрыть от них информацию, то используйте robots.txt файл.
    • Если вы хотите удалить страницу индекса, изменение мета в noindex будет работать, но только тогда, когда робот снова посетит страницу. Убедитесь, что файл robots.txt не предотвращает такие посещения. Некоторые поисковые системы имеют инструменты, позволяющие быстро удалить какую-либо страницу.
    • Некоторые возможные значения взаимно исключают друг друга, такие как использование индекса и noindex или follow и nofollow одновременно. В этих случаях поведение робота не определено и может варьироваться от одного к другому. Поэтому избегайте этих случаев.
    • Некоторые поисковые роботы-роботы, такие как Google, Yahoo Search или Bing, поддерживают те же значения в директиве HTTP, X-Robot-Tags: это позволяет им использовать эту прагму для документов, отличных от HTML, например изображений.
    • viewport , который даёт подсказки о размере изначального размера viewport. Эта прагма используется только на некоторых мобильных устройствах.

    Примечание:

    • Хотя и не стандартизирован, этот атрибут используется разными мобильными браузерами, например Safari Mobile, Firefox for Mobile or Opera Mobile.
    • Значения по умолчанию могут быть изменены у разных браузеров или устройств..
    • Для изучения этой прагмы на Firefox for Mobile, посмотрите статью this article.

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

    Примечание: Не используйте этот атрибут, так как он устарел. Для него нет никакой замены, поскольку реально он не использовался. Опустите его.

    Замечания

    В зависимости от установленных атрибутов, тип метаданных может быть одним из следующих:

    • Если в наборе name , то это document-level metadata, применяемая ко всей странице.
    • Если в наборе http-equiv , то это pragma directive, то есть информация, веб-сервер предоставляет информацию о том, как должна обслуживаться веб-страница.
    • Если в наборе charset , то это charset declaration, то есть кодировка, используемая для сериализованной формы веб-страницы.
    • Если в наборе itemprop , то это user-defined metadata, прозрачна для агента пользователя, поскольку семантика метаданных зависит от пользователя. Экспериментальная возможность

    Пример

    meta charset="utf-8" /> meta http-equiv="refresh" content="3;url=https://www.mozilla.org" /> 

    Спецификации

    Specification
    HTML Standard # the-meta-element

    Совместимость с браузерами

    BCD tables only load in the browser

    Смотрите также

    • Другие элементы, содержащие метаданные: , , , , .

    Found a content problem with this page?

    • Edit the page on GitHub.
    • Report the content issue.
    • View the source on GitHub.

    This page was last modified on 4 авг. 2023 г. by MDN contributors.

    Your blueprint for a better internet.

    MDN

    Support

    • Product help
    • Report an issue

    Our communities

    Developers

    • Web Technologies
    • Learn Web Development
    • MDN Plus
    • Hacks Blog
    • Website Privacy Notice
    • Cookies
    • Legal
    • Community Participation Guidelines

    Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
    Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

    Похожие публикации:

    1. Как отключить у наушников функцию говорения
    2. Как программировать на c
    3. Ооп кто придумал
    4. Ошибка неверный домен ключа recaptcha как исправить joomla