Posted:
Янв 8, 2023
Comments:
0 Comments

Языки html: Объявление языка в HTML

Содержание

Объявление языка в HTML

Объявление языка в HTML

Вопрос

Как установить язык содержимого моей HTML страницы?

Краткий ответ

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

Используйте lang атрибут для HTML страниц и xml:lang атрибут для страниц XML. Для XHTML 1.x и документов HTML5 Polyglot используйте оба атрибута вместе.

Используйте языковые тэги из IANA Language Subtag Registry. Вы можете найти тэги также с помощью Language Subtag Lookup.

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

Детали

Основы

Всегда используйте языковой атрибут элемента html. Он наследуется всеми другими элементами, и поэтому для текста в head элементе документа будет задан язык по умолчанию.

Обратите внимание, что предпочтительнее использовать html элемент, чем body, так как body элемент не включает в себя текст из head элемента.

Если у вас есть какой-либо контент на странице, язык которого отличается от заданного в языковом атрибуте элемента html, добавляйте языковые атрибуты к элементам окружающим такой контент. Это позволит вам отображать или обрабатывать его различным образом.

С некоторыми частями кода у вас могут возникнуть проблемы. Если у вас есть мультиязычный текст в элементе title, вы не сможете разметить текст, содержащий разные языки, потому что title атрибут поддерживает только символы, а не разметку.
То же самое относится к нескольким языкам в значениях атрибутов. На текущий момент эффективное решение этой проблемы отсутствует.

Выбор корректного атрибута

Если ваш документ HTML (то есть обрабатывается, как text/html), используйте lang атрибут для установки языка документа
или блока текста. Например, следующий код установит французский языком по умолчанию:

<html lang="fr">

Когда XHTML 1.x или страницы Polyglot обрабатываются, как text/html, используйте оба атрибута lang и xml:lang вместе каждый раз, когда вы хотите объявить язык. Атрибут xml:lang — это стандартный способ объявления языковой информации в XML. Убедитесь, что значения обоих атрибутов идентичны.

<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

Атрибут xml:lang не особо полезен для обработки HTML файлов, но он будет перекрывать значение lang атрибута каждый раз, когда вы обрабатываете документ, как XML. Атрибут lang разрешен синтаксисом XHTML и может быть распознан браузерами.
Однако, когда используются другие синтаксические анализаторы XML (например, функция lang() в XSLT), вы не можете полагаться на то, что атрибут lang будет распознан.

Если вы обрабатываете ваш документ, как XML (то есть используете MIME type application/xhtml+xml), то
атрибут lang не нужен, будет достаточно атрибута xml:lang.

<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

Что, если содержимое элемента и значения его атрибутов на разных языках?

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

Если ваш код выглядит, как указано ниже, то атрибут языка указывает, что испанский — не только язык контента, но и title текста.
Это, очевидно, некорректно.

Некорректный код. Не копируйте!

<a lang="es" title="Spanish"
href="qa-html-language-declarations.es">Español</a>

Вместо этого, перенесите языковой атрибут в другой элемент, как показано в данном примере, в котором span элемент наследует en язык по умолчанию, установленный у html элемента.

<span title="Spanish"><a lang="es"
href="qa-html-language-declarations.es">Español</a></span>

Что если нет подходящего элемента для того, чтобы прицепить атрибут языка?

Если вы хотите указать язык контента, но вокруг него нет никакой разметки, используйте такой элемент, как span или div.
Вот пример:

<p>You'd say that in Chinese as <span lang="zh-Hans">中国科学院文献情报中心</span>. </p>

Выбор значений языка

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

Правила создания языковых атрибутов описываются IETF спецификацией, которая называется BCP 47. Помимо описания использования простых тэгов языка таких, как en (английский) или fr (французский), BCP 47 описывает,
как сочетать языковые тэги, что позволяет вам указывать региональные диалекты, скрипты и другие варианты, относящиеся к данному языку.

BCP 47 включает в себя, но выходит за рамки ISO списков кодов языков и стран. Чтобы найти подходящий код, вам нужно обратиться к IANA Language Subtag Registry.

Неофициальная утилита Language Subtag Lookup предоставляет удобный фронтенд инструментарий для IANA registry.

Для краткого, но достаточно тщательного ознакомления с синтаксисом тэгов BCP 47, читайте Языковые тэги в HTML и XML. Если необходима помощь в выборе корректного языкового тэга из множества возможных тэгов и комбинаций, смотрите Выбор тэга языка.

Дополнительная информация

Указание метаданных о языке аудитории

Если вы хотите создать метаданные, описывающие скорее язык целевой аудитории страницы, чем язык определенной части текста, реализуйте это с помощью отправки сервером
информации в HTTP заголовке Content-Language. Если ваша целевая аудитория говорит более, чем на одном языке, HTTP заголовок позволяет вам использовать список языков, разделённых запятыми.

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

Content-Language: en, hi, pa

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

В прошлом многие люди использовали meta элемент с атрибутом http-equiv со значением Content-Language. Из-за давних путаниц и непоследовательных реализаций этого элемента HTML5 спецификация сделала его несоответствующим стандартам HTML, так что вам больше не следует использовать этот элемент.

Для обратной совместимости, HTML5 описывает алгоритм, с помощью которого язык контента может быть определён из HTTP или meta Content-Language информации при определённых условиях. Как бы то ни было, это только запасной механизм для случаев, когда языковой атрибут отсутствует у html тэга. Если вы используете атрибут языка для html, что следует делать всегда, подобные запасные пути бесполезны.

Для подробной информации о Content-Language в HTTP и meta элементах читайте HTTP и meta для информации о языке.

Различные вещи, которые не относятся к делу

Вероятно, стоит упомянуть ещё несколько моментов, которые не имеют отношения к этой дискуссии.

Первое, невозможно объявить язык с помощью CSS.

Второе, DOCTYPE, с которого должен начинаться любой HTML может содержать то, что выглядит для некоторых людей, как объявления языка. DOCTYPE в примере ниже содержит текст EN, что означает ‘English’. Это, тем не менее, указывает на язык schema (схемы), связанной с данным документом – это никоим образом не указывает на непосредственно язык самого документа.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Третье, иногда люди предполагают, что информация о естественном языке может быть получена из кодировки символов. Тем не менее, кодировка символов не позволяет однозначно идентифицировать естественный язык. Должно быть взаимно однозначное сопоставление между кодировкой и языком, чтобы это сработало, а его нет. Одна кодировка может быть использована многими языками, например Latin 1 (ISO-8859-1) используется и французским, и английским, а ещё многими другими языками. В дополнение, кодировка может отличаться в рамках одного языка, например арабский может использовать ‘Windows-1256’ или ‘ISO-8859-6’ или ‘UTF-8’.

Все эти примеры кодировок спорны, так как весь контент сегодня должен быть создан в UTF-8, который охватывает все, кроме самых редких, языки.

В некоторых текстах, таких, как арабский и иврит, отображаемый текст читается в основном справа налево, хотя числа и иностранные термины отображаются слева направо. Необходима разметка, такая, как dir атрибут, для объявления right-to-left содержания. И в некоторых случаях разметка необходима для правильного отображения двунаправленного текста, но это невозможно сделать с помощью разметки языка.

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

Дополнительные материалы

  • Приступаете к работе? Язык в Сети

  • руководство, Работа с языком в HTML

  • Ссылки по теме, Разработка HTML и CSS

    • Язык
    • Использование атрибутов для объявления языка
    • Выбор значений языка
    • Объявление изменений языка в документе

HTML: что это за язык программирования

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

HTML-документ можно составлять в любом редакторе, который есть в операционной системе: Notepad на MS Windows, TextEdit в Mac, Pico на Linux. Браузер для работы HTML–документа желателен, но необязателен. Он нужен для того, чтобы показать отформатированный документ.

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

Курс
Уверенный старт в IT
Поможем определить подходящую вам IT-профессию и освоить её с нуля. Вы на практике попробуете разные направления: разработку на разных языках, аналитику данных, Data Science, менеджмент в IT. Это самый подходящий курс для построения карьеры в IT в новой реальности.

Подробнее

HTML-документ это текстовый файл с расширением .html или .htm. В браузере он преобразуется в веб-страницу и состоит из набора тегов. Они как раз и помогают представлять текст на экране: благодаря им браузер понимает, что он читает не просто текст, а структурированную информацию, разбитую на блоки.

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

  • <h2> </h2> — заголовок;
  • <p> </p> — абзац;
  • <i> </i> — курсив.

Тег – это составной элемент, определяющий разметку структурных блоков. Он открывается, и этим начинает свое действие; и закрывается, обозначая завершение команды. Закрытые и открытые теги различаются только слешем перед именем тега. Эти теги создают оболочку, в которую помещается текст.

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

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

Есть теги, которые нет необходимости закрывать. Пример: тег переноса строки <br> — он одиночный и закрывать его не нужно. Раньше одиночные теги писались с закрывающим слэшем перед закрывающей скобкой. Например: <br />. В стандарте HTML5 использование закрывающего слеша в одиночных тегах необязательно. Примеры одиночных тегов: <br>, <hr>, <img>.

Помимо атрибутов в тег можно добавлять вложения, эти элементы могут менять стиль текста. Например, можно выделить какое-то слово <strong>жирным</strong> шрифтом.

<!DOCTYPE html>

<html>

<head>

<title>Привет, SkillFactory</title>

</head>

<body>

<img src=» https://static. tildacdn.com/tild6565-6361-4831-a664-366538616534/SF_MRG_logo_new.svg«>

</body>

</html>

<!DOCTYPE html> –предназначается для указания типа документа, так как браузер может интерпретировать разные версии HTML (например, EXtensible HyperText Markup Language, расширенный язык разметки гипертекста). По умолчанию его всегда включают в начало страницы.

<html> </html> – сообщает браузеру, что это за HTML-документ. Этот тег хранит в себе остальные теги.

<head> </head> – нужен для хранения других элементов, которые помогают браузеру в работе с данными. Внутри него есть метатеги, которые применяются, чтобы сохранять информацию для браузеров и поисковых систем.

<body> </body> – тело документа, в котором находятся все видимые пользователю элементы.

<title> </title> – заголовок веб-страницы. Именно его браузер загрузит как название, а при сохранении страницы в избранное он использует эту фразу как описание закладки.

<img> – помещает изображение в нужное место. Обычно к нему добавляют атрибут src, в котором содержится путь к этому изображению. Атрибуты width, height определяют ширину и высоту изображения в пикселях.

Основная разметка HTML-страницы – это заголовки, абзацы и списки. Они структурируют информацию на странице, все как в документе Word.

В HTML бывает шесть уровней заголовков: <h2> – <h6>.

<h2>Привет, SkillFactory</h2>

<h3>Расскажешь</h3>

<h4>Какие бывают</h4>

<h5>Уровни заголовка</h5>

Заголовок типа <h2> используют обычно один раз, потому что он основной.

Как и на обычном письме, делит текст по смыслу.

<p>Спасибо, SkillFactory, всё понятно. Давай дальше</p>

Самые распространенные типы списков нумерованные и ненумерованные.

Ненумерованные или маркированные списки добавляются тегом <ul></ul>. Такие списки применяются когда нам не важна последовательность их элементов.

В нумерованном списке, где пункты расположены в определенном порядке, используется тег <ol></ol>.

Отдельные элементы в любом типе списков заводятся тегом <li></li>, который также нужно закрывать после каждого пункта.

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

Однако HTML обладает синтаксисом, семантикой и лексикой, поэтому он попадает в категорию декларативных языков программирования.

Курс
Frontend- разработчик PRO
Получите перспективную творческую профессию и знания уровня middle. Вы изучите JavaScript и TypeScript. За время обучения вы выполните 5 проектов на JavaScript и получите 13 проектов в портфолио.

Подробнее

HTML: Язык гипертекстовой разметки | MDN

HTML (язык гипертекстовой разметки) является основным строительным блоком Интернета. Он определяет значение и структуру веб-контента. Другие технологии, помимо HTML, обычно используются для описания внешнего вида/представления веб-страницы (CSS) или функциональности/поведения (JavaScript).

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

HTML использует «разметку» для комментирования текста, изображений и другого содержимого для отображения в веб-браузере. Разметка HTML включает специальные «элементы», такие как , </code>, <code><body> </code>, <code></p><header> </code>, <code></p><footer> </code>, <code></p><article> </code>, <code></p><section> <code> , <code></p><p> </code> , <code></p><div> </code> , <code> <span> </code> , <code> <img> </code> , <code> <в сторону> </code> , <code><audio> </code> , <code><canvas> </code> , <code> <datalist> </code> , <code></p> <details> </code> , <code> <embed> </code> , <code></p><nav> </code> , <code><output></h2><p>0 , <code><video></h2><p>0 , <code> ></code>, <code></p><ul></code>, <code></p><ol></code>, <code></p><li></code> и многие другие.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/kapitanus.ru/wp-content/uploads/2019/03/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-HTML-1024x625.jpg' /><noscript><img loading='lazy' src='/800/600/http/kapitanus.ru/wp-content/uploads/2019/03/%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B-HTML-1024x625.jpg' /></noscript></p><p> Элемент HTML отделяется от другого текста в документе «тегами», которые состоят из имени элемента, окруженного «<code> < </code>» и «<code> > </code>". Имя элемента внутри тега нечувствительно к регистру. То есть оно может быть написано в верхнем регистре, нижнем регистре или в смеси. Например, тег <code><title> </code> может быть записан как <code><Title > </code> , <code><TITLE> </code> или любым другим способом. Однако принято и рекомендуется писать теги строчными буквами.</p><p> Следующие статьи помогут вам узнать больше о HTML.</p><dl><dt> Введение в HTML</dt><dd><p> Если вы новичок в веб-разработке, обязательно прочитайте нашу статью «Основы HTML», чтобы узнать, что такое HTML и как его использовать.</p></dd><dt> Учебники по HTML</dt><dd><p> Для получения статей о том, как использовать HTML, а также учебных пособий и полных примеров посетите нашу область обучения HTML.</p></dd><dt> Ссылка HTML</dt><dd><p> В нашем обширном справочном разделе HTML вы найдете подробную информацию о каждом элементе и атрибуте HTML.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/1/2/b1240ae076df96cddce0590aff0e2585.jpeg' /><noscript><img loading='lazy' src='/800/600/http/fuzeservers.ru/wp-content/uploads/b/1/2/b1240ae076df96cddce0590aff0e2585.jpeg' /></noscript></p></dd></dl><h5><span class="ez-toc-section" id="%D0%A5%D0%BE%D1%82%D0%B8%D1%82%D0%B5_%D1%81%D1%82%D0%B0%D1%82%D1%8C_%D0%B2%D0%B5%D0%B1-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%BE%D0%BC"></span> Хотите стать веб-разработчиком? <span class="ez-toc-section-end"></span></h5><p> Мы подготовили курс, который включает в себя всю необходимую информацию, необходимую для<br /> работайте над своей целью.</p><p> <strong> Начало работы </strong></p><p> В нашей области обучения HTML есть несколько модулей, которые обучают HTML с нуля — никаких предварительных знаний не требуется.</p><dl><dt> Введение в HTML</dt><dd><p> Этот модуль устанавливает этап, знакомя вас с важными понятиями и синтаксисом, такими как рассмотрение применения HTML к тексту, создание гиперссылок и использование HTML для структурирования веб-страницы.</p></dd><dt> Мультимедиа и встраивание</dt><dd><p> Этот модуль исследует, как использовать HTML для включения мультимедиа на ваши веб-страницы, включая различные способы включения изображений, а также способы встраивания видео, аудио и даже целых других веб-страниц.</p></dd><dt> HTML-таблицы</dt><dd><p> Представление табличных данных на веб-странице в понятной и доступной форме может оказаться непростой задачей.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/hostingdunyam.com.tr/blog/wp-content/uploads/2021/07/html-ne-ise-yarar-1024x576.jpeg' /><noscript><img loading='lazy' src='/800/600/http/hostingdunyam.com.tr/blog/wp-content/uploads/2021/07/html-ne-ise-yarar-1024x576.jpeg' /></noscript> Этот модуль охватывает базовую разметку таблиц, а также более сложные функции, такие как реализация подписей и сводок.</p></dd><dt> HTML-формы</dt><dd><p> Формы являются очень важной частью Интернета — они предоставляют большую часть функций, необходимых для взаимодействия с веб-сайтами, например. регистрация и вход в систему, отправка отзывов, покупка продуктов и многое другое. Этот модуль поможет вам приступить к созданию клиентской/интерфейсной части форм.</p></dd><dt> Используйте HTML для решения общих проблем</dt><dd><p> Содержит ссылки на разделы контента, объясняющие, как использовать HTML для решения очень распространенных проблем при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение контента, создание базовой формы и т. д.</p></dd></dl><dl><dt> Изображение с поддержкой CORS</dt><dd><p> Атрибут <code> crossorigin </code> в сочетании с соответствующим заголовком CORS позволяет загружать изображения, определенные элементом <code> <img> </code>, из внешних источников и использовать в элементе <code><canvas> </code>, как если бы они загружались из текущее происхождение.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/1/7/c/17ca504d298d4b0ff6d5d547757a6501.png' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/1/7/c/17ca504d298d4b0ff6d5d547757a6501.png' /></noscript></p></dd><dt> Атрибуты настроек CORS</dt><dd><p> Некоторые элементы HTML, обеспечивающие поддержку CORS, например <code> <img> </code> или <code><video> </code> , имеют атрибут <code> crossorigin </code> (свойство <code> crossOrigin </code>), который позволяет настраивать запросы CORS для извлеченных данных элемента.</p></dd><dt> Предварительная загрузка содержимого с помощью rel="preload"</dt><dd><p> Значение <code> preload </code> атрибута <code> rel </code> элемента <code><link> </code> позволяет вам писать декларативные запросы на выборку в HTML <code><head> </code> , указывая ресурсы, которые потребуются вашим страницам вскоре после загрузки, что вам, следовательно, нужно. чтобы начать предварительную загрузку на раннем этапе жизненного цикла загрузки страницы, до того, как включится основной механизм рендеринга браузера. Это гарантирует, что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведет к повышению производительности.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/image1.slideserve.com/3556115/slide6-l.jpg' /><noscript><img loading='lazy' src='/800/600/http/image1.slideserve.com/3556115/slide6-l.jpg' /></noscript> В этой статье представлено основное руководство о том, как <code> предзагрузка </code> работает.</p></dd></dl><dl><dt> HTML-ссылка</dt><dd><p> HTML состоит из <strong> элементов </strong> , каждый из которых может быть модифицирован некоторым количеством <strong> атрибутов </strong> . HTML-документы связаны друг с другом ссылками.</p></dd><dt> Ссылка на элемент HTML</dt><dd><p> Просмотрите список всех элементов HTML.</p></dd><dt> Ссылка на атрибут HTML</dt><dd><p> Элементы в HTML имеют <strong> атрибута </strong> . Это дополнительные значения, которые настраивают элементы или корректируют их поведение различными способами.</p></dd><dt> Глобальные атрибуты</dt><dd><p> Глобальные атрибуты могут быть указаны для всех элементов HTML, <em> даже для тех, которые не указаны в стандарте </em> . Это означает, что любые нестандартные элементы должны по-прежнему разрешать эти атрибуты, даже если эти элементы делают документ несовместимым с HTML5.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/9/914374/slide_6.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/9/914374/slide_6.jpg' /></noscript></p></dd><dt> Строчные элементы и блочные элементы</dt><dd><p> Элементы HTML обычно являются «встроенными» или «блочными» элементами. Встроенный элемент занимает только пространство, ограниченное определяющими его тегами. Элемент уровня блока занимает все пространство своего родительского элемента (контейнера), тем самым создавая «блок».</p></dd><dt> Типы ссылок</dt><dd><p> В HTML можно использовать различные типы ссылок для установления и определения отношений между двумя документами. Элементы ссылки, для которых можно установить типы, включают <code> <a> </code>, <code> <область> </code> и <code> <ссылка> </code>.</p></dd><dt> Руководство по типам и форматам мультимедиа в Интернете</dt><dd><p> Элементы <code> <audio> </code> и <code><video> </code> позволяют воспроизводить аудио- и видеоматериалы непосредственно в вашем контенте без необходимости поддержки внешнего программного обеспечения.</p></dd><dt> Категории содержимого HTML</dt><dd><p> HTML состоит из нескольких видов контента, каждый из которых разрешен для использования в определенных контекстах и ​​запрещен в других.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/6/e/0/6e090723c5ad22018482b6184231f53e.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/6/e/0/6e090723c5ad22018482b6184231f53e.jpeg' /></noscript> Точно так же у каждого есть набор других категорий контента, которые они могут содержать, и элементы, которые могут или не могут использоваться в них. Это руководство по этим категориям.</p></dd><dt> Режим Quirks и стандартный режим</dt><dd><p> Историческая информация о причудливом режиме и стандартном режиме.</p></dd></dl><dl><dt> Применение цвета к элементам HTML с помощью CSS</dt><dd><p> В этой статье описывается большинство способов использования CSS для добавления цвета к содержимому HTML, перечисляются части HTML-документов, которые можно окрашивать, и какие свойства CSS следует использовать при этом. Включает примеры, ссылки на инструменты для создания палитр и многое другое.</p></dd></dl><p> <b> Последнее изменение: </b> <time datetime="2022-09-13T08:52:08.000Z"> 13 сентября 2022 г. </time> , участниками MDN</p><h2><span class="ez-toc-section" id="%D0%9E%D0%B1%D1%8A%D1%8F%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_%D0%B2_HTML-2"></span> Объявление языка в HTML <span class="ez-toc-section-end"></span></h2><p> Объявление языка в HTML</p><h3><span class="ez-toc-section" id="%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81-2"></span> Вопрос <span class="ez-toc-section-end"></span></h3><p> Как мне установить язык содержимого моей HTML-страницы?</p><p> На этой странице описывается, как разметить HTML-страницу, чтобы она давала информацию о языке страницы.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/architecture-and-design.ru/wp-content/uploads/5/f/d/5fd16f4baecfcc5c5af2434d66681ac0.jpeg' /><noscript><img loading='lazy' src='/800/600/http/architecture-and-design.ru/wp-content/uploads/5/f/d/5fd16f4baecfcc5c5af2434d66681ac0.jpeg' /></noscript> Он начинается с общего резюме, а затем предоставляет дополнительные сведения в последующих разделах.</p><h3><span class="ez-toc-section" id="%D0%91%D1%8B%D1%81%D1%82%D1%80%D1%8B%D0%B9_%D0%BE%D1%82%D0%B2%D0%B5%D1%82"></span> Быстрый ответ <span class="ez-toc-section-end"></span></h3><p> Всегда используйте атрибут языка в теге <code translate="no"> html </code>, чтобы объявить язык текста по умолчанию на странице. Это наследуется всеми другими элементами. Например:</p><p> <code><html lang="ru"> </code></p><p> Обратите внимание, что следует использовать элемент <code translate="no"> html </code>, а не элемент <code translate="no"> body </code>, поскольку элемент <code translate="no"> body </code> не закрывает текст внутри элемента <code translate="no"> head </code> документа.</p><p> Если страница содержит содержимое на другом языке, добавьте атрибут языка к элементу, окружающему это содержимое. Это позволяет вам стилизовать или обрабатывать его по-разному. Например:</p><p> <code></p><p>Название: "<span lang="fr">Le Bon Usage</span>". </code></p><p> Используйте атрибут <code translate="no"> lang </code> для страниц, обслуживаемых как HTML.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/luxe-host.ru/wp-content/uploads/5/9/2/5928d21c35602b72093e1300099632b3.jpeg' /><noscript><img loading='lazy' src='/800/600/http/luxe-host.ru/wp-content/uploads/5/9/2/5928d21c35602b72093e1300099632b3.jpeg' /></noscript> (Информацию о страницах, представленных в формате XML, включая полиглот-документы XHTML 1.x и HTML5, см. в разделе Выбор правильного атрибута.)</p><p> Используйте языковые теги из реестра <cite> IANA Language Subtag </cite> . Вы можете найти вложенные теги, используя неофициальный инструмент поиска языковых подтегов. (подробнее)</p><p> В некоторых частях вашего кода могут возникнуть проблемы. Если у вас есть многоязычный текст в <code translate="no"> title </code>, вы не можете размечать части текста для разных языков, потому что атрибут <code translate="no"> title </code> допускает только символы — без разметки. То же самое касается нескольких языков в значениях атрибутов. На данный момент нет хорошего решения для этого.</p><p> Используйте вложенные элементы, чтобы позаботиться о содержимом и значениях атрибутов одного и того же элемента на разных языках. (подробнее)</p><p> Вы никогда не должны использовать метаэлемент <code translate="no"> </code> с <code translate="no"> http-equiv 9Для атрибута 0010 установлено значение <code translate="no"> Content-Language </code>, чтобы указать язык страницы, но в определенных обстоятельствах вы можете захотеть предоставить информацию о языке с заголовком HTTP, чтобы указать <em> предполагаемую аудиторию </em> вашей страницы.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf2.ppt-online.org/files2/slide/5/5CL3XGAh9PDeWjiSYqoUcBxIQgRbflNvF1mu0dOzkH/slide-9.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf2.ppt-online.org/files2/slide/5/5CL3XGAh9PDeWjiSYqoUcBxIQgRbflNvF1mu0dOzkH/slide-9.jpg' /></noscript> Независимо от того, используете ли вы заголовок HTTP или нет, вы всегда должны объявлять язык текста на странице с помощью языкового атрибута в теге <code translate="no"> html </code>. Для получения дополнительной информации см. сопутствующую статью, заголовки HTTP, мета-элементы <code translate="no"> </code> и информацию о языке.</p><h3><span class="ez-toc-section" id="%D0%94%D0%B5%D1%82%D0%B0%D0%BB%D0%B8-2"></span> Детали <span class="ez-toc-section-end"></span></h3><p> В этом разделе представлена ​​более подробная информация по различным темам, связанным с объявлением языка в HTML.</p><p> Не забудьте также использовать атрибут <code translate="no"> dir </code> при работе с двунаправленным текстом, таким как арабский, иврит и т. д.</p><h4><span class="ez-toc-section" id="%D0%A7%D1%82%D0%BE_%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C_%D0%B5%D1%81%D0%BB%D0%B8_%D1%81%D0%BE%D0%B4%D0%B5%D1%80%D0%B6%D0%B8%D0%BC%D0%BE%D0%B5_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0_%D0%B8_%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D0%BE%D0%B2_%D0%BD%D0%B0_%D1%80%D0%B0%D0%B7%D0%BD%D1%8B%D1%85_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0%D1%85"></span> Что делать, если содержимое элемента и значения атрибутов на разных языках? <span class="ez-toc-section-end"></span></h4><p> Иногда язык текста в<br /> атрибут и содержимое элемента на разных языках. Например, в правом верхнем углу этой статьи есть ссылки на переведенные версии этой страницы.<br /> текст ссылки показывает язык целевой страницы, используя язык целевой страницы, но связанный <code translate="no"> атрибут title </code> содержит подсказку в<br /> язык текущей страницы:</p><p> Если ваш код выглядит следующим образом, язык<br /> атрибуты на самом деле означают, что не только содержимое, но и текст атрибута <code translate="no"> title </code> на испанском языке.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript><br /> Это явно неправильно.</p><p data-readability-styled="true"> Неверный код. Не копируйте!</p><p> <code> <a lang="es" title="Испанский" href="qa-html-language-declarations.es">Испанский</a> </code></p><p> Вместо этого переместите атрибут, содержащий текст на другом языке, в другой элемент, как показано в этом примере, где элемент <code translate="no"> a </code> наследует настройку по умолчанию <code translate="no"> en </code> элемента <code translate="no"> html </code>.</p><p> <code> <a title="Испанский" href="qa-html-language-declarations.es"><span lang="es">Испанский</span></a> </code></p><h4><span class="ez-toc-section" id="%D0%A7%D1%82%D0%BE_%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C_%D0%B5%D1%81%D0%BB%D0%B8_%D0%BD%D0%B5%D1%82_%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D0%B0_%D0%BD%D0%B0_%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B9_%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE_%D0%BF%D0%BE%D0%B2%D0%B5%D1%81%D0%B8%D1%82%D1%8C_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82"></span> Что делать, если нет элемента, на который можно повесить атрибут? <span class="ez-toc-section-end"></span></h4><p> Если вы хотите указать язык содержимого, но вокруг него нет разметки, используйте такой элемент, как <code translate="no"> span </code> , <code translate="no"> bdi </code> или <code translate="no"> div </code> вокруг содержимого.<br /> Вот пример:</p><p> <code></p><p>Вы бы сказали, что по-китайски это <span lang="zh-Hans">中国科学院文献情报中心</span>.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript></p><p> </code></p><h4><span class="ez-toc-section" id="%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D1%8F%D0%B7%D1%8B%D0%BA%D0%BE%D0%B2%D1%8B%D1%85_%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B9"></span> Выбор языковых значений <span class="ez-toc-section-end"></span></h4><p> Чтобы быть уверенным, что все пользовательские агенты распознают язык, который вы имеете в виду, вам необходимо следовать стандартному подходу при предоставлении значений языковых атрибутов.<br /> Вам также необходимо подумать о том, как стандартно относиться к диалектным различиям между языками, например, к различиям между английским (США) и<br /> британский английский, которые значительно расходятся с точки зрения написания и произношения.</p><p> Правила создания значений языковых атрибутов описаны в спецификации IETF под названием BCP 47. В дополнение к определению того, как использовать простые языковые теги, такие как <code translate="no"> en </code> для английского или <code translate="no"> fr </code> для французского, BCP 47 описывает<br /> как составлять языковые теги, которые позволяют указывать региональные диалекты, сценарии и другие варианты, связанные с этим языком.</p><p> BCP 47 включает наборы кодов языков и стран ISO, но выходит за их рамки.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript> Чтобы найти соответствующие коды, вы должны обратиться к <cite> Реестр языковых подтегов IANA </cite> .</p><p> Неофициальный инструмент поиска языковых подтегов предоставляет удобный внешний интерфейс для реестра IANA.</p><p> Нежное, но достаточно подробное введение в синтаксис тегов BCP 47 см. в статье <cite> Language.<br /> теги в HTML и XML </cite> . Для получения помощи в выборе правильного языкового тега из множества возможных тегов и комбинаций см. <cite> Выбор языкового тега </cite> .</p><h4><span class="ez-toc-section" id="%D0%92%D1%8B%D0%B1%D0%BE%D1%80_%D0%BF%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B3%D0%BE_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D0%B0"></span> Выбор правильного атрибута <span class="ez-toc-section-end"></span></h4><p> Если ваш документ HTML (т.е. используется как <code translate="no"> text/html </code> ), используйте атрибут <code translate="no"> lang </code>, чтобы установить язык<br /> документа или диапазона текста. Например, следующее устанавливает французский язык по умолчанию:</p><p> <code><html lang="fr"> </code></p><p> При обслуживании страниц XHTML 1.x или полиглотов как <code translate="no"> text/html </code> используйте оба атрибута <code translate="no"> lang </code> <em> и </em> атрибут <code> xml:lang </code> вместе каждый раз, когда вы хотите установить язык.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript> 9Атрибут 0277 xml:lang </code> — это стандартный способ определения информации о языке в XML. Убедитесь, что значения обоих атрибутов идентичны.</p><p> <code><html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> </code></p><p> Атрибут <code translate="no"> xml:lang </code> на самом деле не полезен для обработки файла как HTML, но заменяет атрибут <code translate="no"> lang </code> каждый раз, когда вы обрабатываете или обслуживаете документ как XML. Атрибут <code translate="no"> lang </code> разрешен синтаксисом XHTML и может также распознаваться браузерами. Однако при использовании других парсеров XML (таких как <code translate="no"> lang() </code> в XSLT), вы не можете полагаться на распознавание атрибута <code translate="no"> lang </code>.</p><p> Если вы обслуживаете свою страницу как XML (т.е. используете тип MIME, такой как <code translate="no"> application/xhtml+xml </code> ), вы делаете<br /> не нужен атрибут <code translate="no"> lang </code>. Одного атрибута <code> xml:lang </code> будет достаточно.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript></p><p> <code><html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> </code></p><h3><span class="ez-toc-section" id="%D0%94%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%8F-2"></span> Дополнительная информация <span class="ez-toc-section-end"></span></h3><p> Информация в этом разделе вряд ли будет полезна, но предоставлена ​​для полноты.</p><h4><span class="ez-toc-section" id="%D0%A3%D0%BA%D0%B0%D0%B7%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BC%D0%B5%D1%82%D0%B0%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85_%D0%BE_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B5_%D0%B0%D1%83%D0%B4%D0%B8%D1%82%D0%BE%D1%80%D0%B8%D0%B8-2"></span> Указание метаданных о языке аудитории <span class="ez-toc-section-end"></span></h4><p> В дополнение к включению атрибута языка на странице в тег <code translate="no"> html </code> (что следует всегда делать), вы также могли столкнуться с объявлениями языка в заголовке HTTP (который обслуживается страницей) или как метаданные <code translate="no">. </code> элементов.</p><p> Важно отметить, что объявление языка на странице всегда переопределяет информацию HTTP, когда дело доходит до определения фактического языка текста, но информация HTTP может предоставить более общую информацию о <em> предполагаемое использование </em> ресурса. Не рекомендуется использовать элементы <code translate="no"> meta </code> на странице HTML для объявления языка.</p><p> Для получения информации о <code translate="no"> Content-Language </code> в HTTP и в <code translate="no"> мета-элементах </code> см.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript> <cite> HTTP-заголовки, <code translate="no"> мета-элементы </code> и информацию о языке </cite> .</p><h4><span class="ez-toc-section" id="%D0%A0%D0%B0%D0%B7%D0%BB%D0%B8%D1%87%D0%BD%D1%8B%D0%B5_%D0%B2%D0%B5%D1%89%D0%B8_%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5_%D0%BD%D0%B5_%D0%B8%D0%BC%D0%B5%D1%8E%D1%82_%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F"></span> Различные вещи, которые не имеют значения <span class="ez-toc-section-end"></span></h4><p> На всякий случай и ради полноты, возможно, стоит упомянуть еще несколько моментов, которые <strong>, а не </strong>, относящийся к этому обсуждению.</p><p> Во-первых, нельзя объявить язык текста с помощью CSS.</p><p> Во-вторых, <code translate="no"> DOCTYPE </code>, который должен запускать любой HTML-файл, может содержать то, что некоторым людям кажется объявлением языка. <code translate="no"> DOCTYPE </code> в приведенном ниже примере содержит текст EN, что означает «английский». Это, однако, указывает на язык схемы <em> </em>, связанной с этим документом — это не имеет ничего общего с языком самого документа.</p><p> <code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> </code></p><p> В-третьих, иногда люди предполагают, что информация о естественном языке может быть получена из кодировки символов.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript> Однако кодировка символов не позволяет однозначно идентифицировать естественный язык: <em> должно быть однозначное соответствие между кодировкой и языком, чтобы этот вывод работал, а такого нет. Например, одна кодировка символов может использоваться для многих языков, например. Латинский 1 (ISO-8859-1) мог кодировать как французский, так и английский, а также множество других языков. Кроме того, кодировка символов может варьироваться в зависимости от одного языка, например, для арабского языка могут использоваться такие кодировки, как «Windows-1256», «ISO-8859-6» или «UTF-8».</p><p> Все эти примеры кодировки, однако, в настоящее время являются спорными, поскольку весь контент должен быть написан в кодировке UTF-8, которая охватывает все языки, кроме самых редких, в единой кодировке символов.</p><p> В некоторых алфавитах, таких как арабский и иврит, отображаемый текст читается преимущественно справа налево, хотя в этом потоке числа и текст из других алфавитов отображаются слева направо.<img class="lazy lazy-hidden" loading='lazy' src="//consei.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='' /><noscript><img loading='lazy' src='' /></noscript></p><div class="clear"></div><p class="inner-meta">This entry was posted in <a href="https://consei.ru/category/populyarnoe" rel="category tag">Популярное</a></p></div><div class="post comments" id="comments"></div></div></div></div><div id="sidebar" class="profile"><ul><li class="widget png_scale" id="widget_categories"><h2 class="blocktitle"><span>Рубрики</span></h2><ul><li class="cat-item cat-item-23"><a href="https://consei.ru/category/adsense">Adsense</a> (3)</li><li class="cat-item cat-item-20"><a href="https://consei.ru/category/chrome">Chrome</a> (2)</li><li class="cat-item cat-item-19"><a href="https://consei.ru/category/direkt">Директ</a> (86)</li><li class="cat-item cat-item-18"><a href="https://consei.ru/category/dorvei">Дорвеи</a> (39)</li><li class="cat-item cat-item-15"><a href="https://consei.ru/category/klyuchevye-slova">Ключевые слова</a> (238)</li><li class="cat-item cat-item-14"><a href="https://consei.ru/category/lendingi">Лендинги</a> (78)</li><li class="cat-item cat-item-12"><a href="https://consei.ru/category/populyarnoe">Популярное</a> (12 235)</li><li class="cat-item cat-item-17"><a href="https://consei.ru/category/prodvizhenie">Продвижение</a> (498)</li><li class="cat-item cat-item-8"><a href="https://consei.ru/category/raznoe">Разное</a> (41)</li><li class="cat-item cat-item-22"><a href="https://consei.ru/category/rsya">Рся</a> (6)</li><li class="cat-item cat-item-13"><a href="https://consei.ru/category/semanticheskoe-yadro">Семантическое ядро</a> (366)</li><li class="cat-item cat-item-21"><a href="https://consei.ru/category/spam">Спам</a> (10)</li><li class="cat-item cat-item-16"><a href="https://consei.ru/category/ssylochnoe">Ссылочное</a> (73)</li><li class="cat-item cat-item-11"><a href="https://consei.ru/category/ticz">Тиц</a> (381)</li></ul></li></ul></div><div class="clear"></div></div><div class="clear"></div></div><div id="footer"><div class="wrapper" style="margin: auto;"><p style="margin-left: 50px; padding-top: 10px;"></p><div style="margin-left: 50px; padding-bottom: 10px; border-bottom: 1px solid #444;"><ul class="clearfix"><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Подписаться на RSS <br><span>100+ Подписчиков</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Услуги и реклама<span><br>Я свободен</span></li><li style="padding-right: 8px; height: 32px; padding-left: 43px; margin: 17px 0 0 0; float: left; background-image: ; background-repeat: no-repeat;">Контакты <span><br>Скажи мне привет!</span></li></ul></div><p></p> <br><p style="margin-left: 50px; padding-top: 10px;"></p><p style="margin-left: 50px; color: #ffffff;">© Копирование моих статей приветствуется, если вы поставите ссылку на мой блог будет просто математично!</p><div class="clear"></div></div></div> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://consei.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize --> <style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> <!-- /noptimize --> <script defer src="https://consei.ru/wp-content/cache/autoptimize/js/autoptimize_3aa3f4eee099f2ae4825514f384a8d8e.js"></script></body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4a97f90b617ccec7011d0ee6-|49" defer></script>