| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
| software:development:ps_pycharm:html5:html5 [2023/08/11 00:44] – [Основы HTML] vladpolskiy | software:development:ps_pycharm:html5:html5 [2024/02/04 11:28] (текущий) – vladpolskiy |
|---|
| | {{description>Основы HTML HTML-элементы}} |
| ======Руководство по HTML5====== | ======Руководство по HTML5====== |
| {{:software:development:ps_pycharm:html5:html_original_logo_icon.png?100 |}}HTML — «язык гипертекстовой разметки» — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора. В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.[[https://ru.wikipedia.org/wiki/HTML|Wikipedia]] | {{:software:development:ps_pycharm:html5:html_original_logo_icon.png?100 |}}HTML — «язык гипертекстовой разметки» — стандартизированный язык гипертекстовой разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора. В HTML можно встроить программный код на языке программирования JavaScript, для управления поведением и содержанием веб-страниц. Также включение CSS в HTML позволяет задавать внешний вид и макет страницы.[[https://ru.wikipedia.org/wiki/HTML|Wikipedia]] |
| |
| |
| | <details> |
| | <summary>Элемент <meta></summary> |
| |
| | |
| | <code> |
| | <meta name="description" content="Описание содержимого страницы"> |
| | <meta name="keywords" content="Ключевые слова через запятую"> |
| | </code> |
| | <code> |
| | <meta name="description" lang="ru" content="Описание содержимого страницы на русском"> |
| | <meta name="description" lang="en" content="Description"> |
| | <meta name="keywords" lang="ru" content="Ключевые слова через запятую"> |
| | <meta name="keywords" lang="en" content="Keywords"> |
| | </code> |
| | * **Поисковые машины** |
| | Индексация и переход по ссылкам разрешены: |
| | <code> |
| | <meta name="robots" content="index, follow"> |
| | </code> |
| | Индексация разрешена, переход по ссылкам запрещен: |
| | <code> |
| | <meta name="robots" content="index, nofollow"> |
| | </code> |
| | Индексация и переход по ссылкам запрещены: |
| | <code> |
| | <meta name="robots" content="noindex, nofollow"> |
| | </code> |
| | я автоматической перезагрузки страницы через заданный промежуток времени (например, через 30 секунд) нужно воспользоваться значением refresh: |
| | <code> |
| | <meta http-equiv="refresh" content="30"> |
| | </code> |
| | Чтобы перебросить посетителя на другую страницу, нужно указать URL-адрес в параметре url: |
| | <code> |
| | <meta http-equiv="refresh" content="0; url=http://yandex.ru/"> |
| | </code> |
| | {{tablelayout?colwidth="200px"}} |
| | ^ ^ ^ |
| | | charset | Указывает кодировку символов для текущего HTML-документа: <meta charset="UTF-8"> | |
| | | content | Содержит произвольный текст, который определяет значение, ассоциируемое с атрибутом http-equiv или name, в зависимости от их значения. | |
| | | http-equiv | Контролирует действия браузера на данной веб-странице (эквивалент HTTP заголовков). При отображении страницы браузер будет следовать инструкциям, заданным в атрибуте: default-style указывает предпочтительный стиль для использования на странице. Атрибут content должен содержать идентификатор элемента <link>, который ссылается на таблицу стилей CSS, или идентификатор элемента <style>, содержащего таблицу стилей. refresh указывает время в секундах до перезагрузки страницы или время до перенаправления на другую страницу, если в атрибуте content после указания времени идет строка "url=адрес_страницы". Автоматическая перезагрузка страницы через заданный промежуток времени, в данном примере, через 30 секунд:<meta http-equiv="refresh" content="30"> Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url: <meta http-equiv="refresh" content="0; url=http://mail.ru/"> | |
| | | name | Ассоциируется со значением, содержащемся в атрибуте content. Не должен использоваться в случае, если для элемента уже заданы атрибуты http-equiv, charset или itemprop. application-name указывает название веб-приложения, используемого на странице. author указывает имя автора документа в свободном формате. description определяет краткое описание к содержимому страницы, например: <meta name="description" content="Описание содержимого страницы"> generator указывает один из пакетов программного обеспечения, используемого для создания документа, например: <meta name="generator" content="WordPress 4.0">. keywords содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например: <meta name="keywords" content="Ключевые слова через запятую">. Также атрибут name может принимать следующие значения из расширенной спецификации, такие как creator, googlebot, publisher, robots, slurp, viewport, хотя ни одно из них еще не было официально принято. | |
| |
| |
| | </details> |
| =====HTML-атрибуты1.3===== | =====HTML-атрибуты1.3===== |
| =====HTML-текст1.4===== | =====HTML-текст1.4===== |
| Деньги | Деньги |
| Знаки зодиака | Знаки зодиака |
| =====HTML-генераторы1.10===== | =====HTML-генераторы===== |
| | <code> |
| | <details> |
| | <summary>Summary Text</summary> |
| | Details Text |
| | </details> |
| | </code> |
| | |
| | |
| | <details> |
| | <summary>Summary Text</summary> |
| | Details Text |
| | </details> |
| =====Семантические элементы HTML51.11===== | =====Семантические элементы HTML51.11===== |
| =====Элемент документа1.11.1===== | =====Элемент документа1.11.1===== |