Разное

Body тег: Атрибут text | htmlbook.ru

05.04.1991

Содержание

Тег body

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯


Пример

Простой HTML-документ с минимальным количеством требуемых тегов:

<html>
<head>
<title>Название документа</title>
</head>

<body>
Содержание документа……
</body>

</html>

Определение и использование

Тег <body> определяет тело документа.

Элемент <body> содержит все содержимое HTML-документа, например текст, гиперссылки, изображения, таблицы, списки и т. д.

Поддержка браузера

Элемент
<body>ДаДаДаДаДа

Различия между HTML 4,01 и HTML5

Все атрибуты макета удаляются в HTML5.

Атрибуты

АтрибутЗначениеОписание
alinkcolorНе поддерживается в HTML5.
Задает цвет активной ссылки в документе
backgroundURLНе поддерживается в HTML5.
Задает фоновое изображение для документа
bgcolorcolorНе поддерживается в HTML5.
Задает цвет фона документа
linkcolorНе поддерживается в HTML5.
Задает цвет непосещаемых ссылок в документе
textcolorНе поддерживается в HTML5.
Задает цвет текста в документе
vlinkcolorНе поддерживается в HTML5.
Определяет цвет посещенных ссылок в документе

Глобальные атрибуты

Тег <body> также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег <body> также поддерживает Атрибуты событий в HTML.

Похожие страницы

HTML Учебник: HTML Элементы

HTML DOM Ссылки: Body Объекта

HTML DOM Ссылки: document.body Свойство

Параметры CSS по умолчанию

В большинстве обозревателей элемент <body> будет отображаться со следующими значениями по умолчанию:

Пример

body {
    display: block;
    margin: 8px;
}

body:focus {
    outline: none;
}

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона

размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы

Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML/Элемент body

Синтаксис

HTML

XHTML

<html>
  <head> . .. </head>
  <body> ... </body>
</html>

Описание

Элемент body (от англ. «body» ‒ «тело») указывает

тело документа. В body должно располагаться все содержимое документа. Открывающий тег «<body>» указывает начало отображаемой части документа, а закрывающий тег «</body>» указывает конец отображаемой части документа.

Условия использования

В формате STRICT всё содержимое элемента body должно обязательно располагаться внутри блочных элементов (например, div, p).

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

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

Верс.Раздел
HTML
2.0Body: BODYПеревод
3.2The BODY element
4.017.5.1 The BODY element
DTD: Transitional Strict Frameset
5.04.3.1 The body element
5.14.3.1. The body element
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1. 1
Extensible HyperText Markup Language

Атрибуты

alink
Цвет активированных гиперссылок.
background
Фоновое изображение страницы.
bgcolor
Фоновый цвет страницы.
bgproperties
Фиксация фонового изображения документа.
bottommargin
Задаёт нижний отступ страницы
leftmargin
Задаёт левый отступ страницы.
link
Цвет гиперссылок.
rightmargin
Задаёт правый отступ страницы.
scroll
Устанавливает наличие или отсутствие полос прокрутки окна web-браузера.
text
Цвет текста страницы.
topmargin
Задаёт верхний отступ страницы.
vlink
Цвет активированных гиперссылок (посещённых страниц).
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода

<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент body</title>
</head>
<body>
<h3>Пример с элементом «body»</h3>
<p>Цвет фона документа: бледно-серый; </p>
<p>Цвет текста документа: зелёный; </p>
</body>
</html>

Элемент body

Что нужно знать о теге Body

7532

Практические рекомендации – 7 мин чтения веб-страница в браузере. Его нужно правильно заполнить, чтобы страница выглядела и успешно ранжировалась в поисковых системах.

Что такое тег Body

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

  • head — блок заголовков, содержащий техническую информацию, скрипты и метатеги, которые браузер не показывает пользователям в стандартном режиме просмотра. Исключением является метатег </strong>, определяющий заголовок страницы;</li><li> <strong> body </strong> — это все содержимое страницы, доступное пользователям. <br/></li></ul><p data-readability-styled="true"> В документе HTML может быть только один тег<body>. Этот тег должен содержать качественный и уникальный контент, который пользователи находят интересным для успешной оптимизации веб-страницы. Однако необходимо убедиться, что он ни полностью, ни частично не дублирует содержание проекта или другого веб-сайта.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/slideplayer.com/slide/4824875/15/images/136/product.htm+%3Chtml%3E+%3Chead%3E+%3Ctitle%3EAITC+Contact+Information%3C%2Ftitle%3E+%3C%2Fhead%3E+%3Cbody%3E+%3Cfont+size%3D4%3E+%5B+%3Ca+href%3D+index.htm+%3EHome%3C%2Fa%3E+%7C.jpg' /><noscript><img loading='lazy' src='/800/600/http/slideplayer.com/slide/4824875/15/images/136/product.htm+%3Chtml%3E+%3Chead%3E+%3Ctitle%3EAITC+Contact+Information%3C%2Ftitle%3E+%3C%2Fhead%3E+%3Cbody%3E+%3Cfont+size%3D4%3E+%5B+%3Ca+href%3D+index.htm+%3EHome%3C%2Fa%3E+%7C.jpg' /></noscript></p><h3 field="title"/></h3><p> <strong> Где находится тег Body </strong> <br/></p><p> Вы можете просмотреть HTML-теги веб-страницы, щелкнув правой кнопкой мыши и выбрав «Просмотр исходного кода страницы»: <br/></p><p> Открывающий тег<head> расположен в начале страница: <br/></p><p> Открывающий тег<body> идет сразу после закрывающего тега</head>, завершая блок заголовков: <br/></p><h3 field="title"/></h3><p> <strong> Зачем нужен тег Body </strong> <br/></p><p data-readability-styled="true"> Тег<body> предназначен содержать весь контент и функционал для взаимодействия с пользователями; это заголовки, тексты, гиперссылки, баннеры, изображения, видео, контактные формы и многое другое.</p><p> Тег также может содержать JS-скрипты, выполняющие различные функции. В этом случае код помещается в теги . В HTML5 вам не нужно дополнительно указывать тип скрипта, так как по умолчанию это JavaScript. В устаревших версиях HTML JS-скрипты были реализованы так: <br/></p><p> Атрибуты и события, модифицирующие страницу, также могут быть добавлены в тег<body>.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.stack.imgur.com/7xVux.png' /><noscript><img loading='lazy' src='/800/600/http/i.stack.imgur.com/7xVux.png' /></noscript> Например, вы можете добавить определенное сообщение, которое появляется при загрузке страницы или нажатии кнопки мыши. <br/></p><h3 field="title"/></h3><p> <strong> Атрибуты тега<body> </strong> <br/></p><p> К тегу можно добавить атрибуты, определяющие цветовую схему страницы, хотя предпочтительнее использовать селектор body в отдельном файле со стилями CSS: <br/></p><p> Использование некоторых атрибутов тега<body>, например, rightmargin и leftmargin, не рекомендуется спецификацией HTML и приведет к недопустимому коду. Некоторые атрибуты можно использовать с типом перехода <!DOCTYPE>: <br/></p><pre> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> </pre><p> При использовании атрибутов в body вы можете сразу увидеть, как будет выглядеть страница после внесения изменений. Для этого в Google Chrome нужно щелкнуть правой кнопкой мыши по странице и выбрать «Просмотреть исходный код страницы», после чего браузер отобразится в режиме разработчика.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/9g-NtMRDPJY/hqdefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/9g-NtMRDPJY/hqdefault.jpg' /></noscript> <br/></p><h4 field="title"/></h4><p> <strong> Примеры использования атрибутов тега<body> </strong> <br/></p><ul><li> В этом примере используется атрибут bgcolor, определяющий цвет фона страницы. Исходный цвет фона страницы был изменен на черный с помощью этого атрибута:</li></ul><p data-readability-styled="true"> Цвет можно указать с помощью шестнадцатеричных кодов или имен, предусмотренных стандартом HTML;</p><ul><li> изменение цвета текста на странице с помощью атрибута text:</li></ul><ul><li> изменение фонового изображения с помощью атрибута background:</li></ul><p> Путь к файлу может использоваться как в относительной, так и в абсолютной форме. Относительный путь более предпочтителен, так как дает более короткие ссылки, а также устраняет проблемы при смене домена. При этом все ссылки останутся в работе, в отличие от варианта с абсолютным адресом, при котором после смены домена гиперссылки станут битыми. <br/></p><h3 field="title"/></h3><p> <strong> Можно ли добавить метатеги к тегу body? </strong> <br/></p><p data-readability-styled="true"> Например, метатеги <robots> и <description> должны быть помещены в раздел заголовка документа, который является тегом заголовка.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.pinimg.com/736x/31/cd/e8/31cde8a8fbd3c7ff76be980d887a7e0e--source-code-nerd-tattoos.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.pinimg.com/736x/31/cd/e8/31cde8a8fbd3c7ff76be980d887a7e0e--source-code-nerd-tattoos.jpg' /></noscript> Метатеги предназначены для предоставления служебной информации о документе, которая не отображается в теле документа.</p><p> Попытки использовать метатег в теле делают код недействительным с точки зрения спецификации HTML и могут нарушить разметку документа.</p><p> В некоторых случаях при неправильном размещении метатегов в теле страницы они могут быть автоматически перенесены браузером в раздел head и документ будет отображаться корректно. Однако желательно создать корректную разметку и добавить метатеги только в заголовок, а не в основное содержимое страницы. <br/></p><h3 field="title"/></h3><p> <strong> Заключение </strong> <br/></p><p> Тело<body> является необязательным элементом в спецификации HTML5, но его использование на веб-страницах удобно для различения служебной информации и контента сайта. Это также полезно для создания стилей страницы в файле CSS. <br/></p><p> Вы должны заполнить тег<body> уникальным контентом, который будет интересен пользователям и который будет полностью соответствовать требованиям целевой аудитории.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/i.ytimg.com/vi/WzpVBabvrtI/hqdefault.jpg' /><noscript><img loading='lazy' src='/800/600/http/i.ytimg.com/vi/WzpVBabvrtI/hqdefault.jpg' /></noscript></p><p> Этот тег может содержать информацию в различных форматах и ​​формах: текст, мультимедийный контент и скрипты, которые делают страницу интерактивной.</p><p> Вы должны использовать атрибуты тега<body> с осторожностью, так как многие из них противоречат спецификации HTML, а их применение приводит к недопустимой разметке.</p><p> Не помещайте метатеги в тег<body>, так как они нарушают правила спецификации HTML.</p><p> Эта статья является частью инструмента Serpstat «Аудит сайта»</p><p data-readability-styled="true"> » title = «Что такое тег Body и что в нем должно быть 16261788343128» /></p><p> Аудит всего сайта или страницы в один клик. Полный список ошибок, отсортированный по критичности, способы их решения и рекомендации Любая периодичность проверки и автоматические отчеты по электронной почте <br/></p><table class="table table-hover"><tr><td> Запустить аудит сайта</td></tr></table><h4><span class="ez-toc-section" id="_Serpstat"> Узнайте, как получить максимальную отдачу от Serpstat </span></h4><p> Хотите получить личную демонстрацию, пробный период или множество успешных вариантов использования?</p><p> Отправьте запрос и наш специалист свяжется с Вами 😉</p><p> Оцените статью по пятибалльной шкале</p><p> Статью уже оценили 1 человек в среднем 5 из 5</p><p> Нашли ошибку? Выберите его и нажмите Ctrl + Enter, чтобы сообщить нам</p><p/><h4><span class="ez-toc-section" id="i-17"> Рекомендуемые сообщения </span></h4><p data-readability-styled="true"> How-to</p><p data-readability-styled="true"> Денис Кондак</p><p> Как улучшить деловую репутацию в Интернете</p><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Как добавить сайт в сервис мониторинга доступности — сравнение бесплатных систем</p><p data-readability-styled="true"> Как сделать</p><p data-readability-styled="true"> Денис Кондак</p><p> Как уменьшить размер страницы на вашем сайте</p><p> Кейсы, лайфхаки, исследования и полезные статьи</p><p> Нет времени следить за новостями? Без проблем! Наш редактор подберет статьи, которые обязательно помогут вам в работе.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf.ppt-online.org/files/slide/a/aplni2ZGodMhvyPKFzkC0VTSXwHObsBYeUmN5J/slide-21.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf.ppt-online.org/files/slide/a/aplni2ZGodMhvyPKFzkC0VTSXwHObsBYeUmN5J/slide-21.jpg' /></noscript> Присоединяйтесь к нашему уютному сообществу 🙂</p><p> Нажимая кнопку, вы соглашаетесь с нашей политикой конфиденциальности.</p><p> Поделитесь этой статьей с друзьями</p><p> Вы уверены?</p><p> Спасибо, мы сохранили ваши новые настройки рассылки.</p><p> Сообщить об ошибке</p><p> Отмена</p><h2><span class="ez-toc-section" id="_head_body"> Пользовательский код в тегах head и body </span></h2><p> Если у вас есть платная учетная запись Webflow или если у вашего проекта есть активный план сайта, вы можете добавить собственный код и сценарии, которые применяются ко всему вашему сайту или отдельные страницы. Это может быть полезно для добавления дополнительных HTML, CSS и JavaScript.</p><p> Вы также можете использовать элемент Embed для добавления пользовательских блоков HTML-кода в дизайн вашего сайта или элементы форматированного текста.</p><p> В этом уроке:</p><ol role="list"><li> Поддерживаемый код</li><li> Пользовательский код в настройках сайта</li><li> Пользовательский код в настройках страницы</li><li> Часто задаваемые вопросы и советы по устранению неполадок функциональность.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/myfitnesstipster.com/wp-content/uploads/2016/08/6JIjE2ux.jpeg' /><noscript><img loading='lazy' src='/800/600/http/myfitnesstipster.com/wp-content/uploads/2016/08/6JIjE2ux.jpeg' /></noscript> Таким образом, Webflow не может гарантировать функциональность или полную совместимость любого пользовательского кода. Кроме того, наша служба поддержки не может напрямую помочь с настройкой пользовательского кода или устранением неполадок, поскольку эти вопросы не входят в сферу нашей политики поддержки клиентов. Если у вас возникнут проблемы с пользовательским кодом, сообщите нам об этом на форуме Webflow, где все сообщество Webflow (включая сотрудников) может предоставить дополнительную помощь и ресурсы.</blockquote><h3><span class="ez-toc-section" id="i-18"> Поддерживаемый код </span></h3><p> Разделы пользовательского кода в настройках сайта и страницы поддерживают только <strong> HTML </strong> , <strong> CSS </strong> и <strong> JS </strong> . Вы не можете интегрировать серверные языки (такие как Perl, PHP, Python или Ruby) ни в один раздел кода.</p><h6></h6><strong> Необходимо знать: </strong> Разделы кода заголовка и кода нижнего колонтитула в настройках сайта могут содержать до 20 000 символов каждый, а пользовательский код в теге<head> и перед тегом <script defer src="https://xn--80aahvkuapc1be.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_52e7d6b96567db261eaf93010752ba58.js"></script></body> в настройках страницы может вмещать до 10 000 символов каждый.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/cf3.ppt-online.org/files3/slide/o/oNODwQAda3fUgcWzjGIKkpuVCZSm45L9yYRsJX/slide-7.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf3.ppt-online.org/files3/slide/o/oNODwQAda3fUgcWzjGIKkpuVCZSm45L9yYRsJX/slide-7.jpg' /></noscript> Если код, который вы хотите добавить на свой сайт, длиннее, вы можете сохранить его на другом сервере и сослаться на сценарий в своем пользовательском коде. Вы также можете минимизировать свой собственный код с помощью стороннего инструмента.</h6><h4><span class="ez-toc-section" id="i-19"> Теги </span></h4><blockquote> <strong> Важно: </strong> Если в вашем пользовательском коде есть открывающие и/или закрывающие теги, обязательно добавьте их, чтобы ваш код работал должным образом. Кроме того, не включайте теги<html>,<body> или<head> в собственный код, иначе ваш веб-сайт/макет сломается.</blockquote><h5><span class="ez-toc-section" id="i-20"> Тег ссылки: </span></h5><link> </h5><p> Тег<link> определяет связь между документом и внешним ресурсом и всегда должен находиться в разделе кода<head>.</p><h5><span class="ez-toc-section" id="i-21"> Метатег: </span></h5><meta> </h5><p> Тег<meta> предоставляет метаданные о вашем сайте и всегда должен находиться в разделе кода<head>.</p><h5><span class="ez-toc-section" id="i-22"> Теги стиля: </span></h5></h5><p> Тег определяет дополнительные стили CSS на вашем сайте и всегда должен располагаться в разделе кода<head>.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/image2.slideserve.com/4940726/slide23-l.jpg' /><noscript><img loading='lazy' src='/800/600/http/image2.slideserve.com/4940726/slide23-l.jpg' /></noscript></p><h5><span class="ez-toc-section" id="i-23"> Теги сценария: </span></h5></h5><p> Тег позволяет встроить JavaScript на ваш сайт и может быть добавлен либо в раздел кода<head>, либо перед закрывающим</body > тег (т. е. <strong> Нижний колонтитул, код </strong> раздела). Однако добавление тегов непосредственно перед закрывающим тегом</body> гарантирует, что страницы вашего сайта загрузят весь свой контент до того, как будет обработан JavaScript, что помогает ускорить загрузку страниц и обеспечивает лучший пользовательский интерфейс.</p><blockquote> <strong> Важно: </strong> По состоянию на август 2020 года недавно опубликованные сайты Webflow включают <strong> jQuery v3.5.1 </strong> . Импорт других версий jQuery с пользовательским кодом может привести к конфликтам и неожиданному поведению на вашем сайте.</blockquote><h3><span class="ez-toc-section" id="i-24"> Пользовательский код в настройках сайта </span></h3><h4><span class="ez-toc-section" id="i-25"> Код заголовка </span></h4><p> Пользовательский код, введенный в разделе <strong> Код заголовка </strong>, отображается перед закрывающим тегом</head> в HTML-разметке вашего сайта и применяется ко всему сайту.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/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/a/AiR9JqQ2xpLIYBh75lPdbKmnTu6avVZcS0s4WNzft/slide-15.jpg' /><noscript><img loading='lazy' src='/800/600/http/cf2.ppt-online.org/files2/slide/a/AiR9JqQ2xpLIYBh75lPdbKmnTu6avVZcS0s4WNzft/slide-15.jpg' /></noscript> Раздел <strong> Head code </strong> позволяет вам связывать внешние ресурсы, добавлять метаданные и использовать пользовательские стили.</p><h6></h6><strong> Полезно знать: </strong> Добавление внешних тегов <script>в<head>вашего сайта может замедлить загрузку страниц.Рассмотрите возможность добавления атрибута «async» или «defer» в тег<script>для повышения производительности.</h6><p>,чтобы добавить пользовательский код в тег на головке:</p><ol role="list"><li>Посещение<strong>Настройки сайта</strong>><strong>Пользовательский код</strong>Вкладка</li><li>Добавить свой пользовательский код в<strong>Код головы</strong>Раздел</li><li>Нажмите<strong>Сохранить изменения</strong></li></ol><h4></h4><li>.</h4><p>Код,введенный в разделе<strong>Код нижнего колонтитула</strong>,отображается перед закрывающим тегом</body>в HTML-разметке вашего сайта и применяется ко всему сайту.</p><p>Чтобы добавить пользовательский код в тег Head: </p><ol role="list"><li>Посетите свой<strong>Настройки сайта</strong>><strong>Пользовательский код</strong>Вкладка</li><li>Добавить свой пользовательский код в код<strong>Код нижнего колонна</strong>Раздел</li><li>Нажмите<strong>Сохранить изменения</strong></li></ol><blockquote><strong>ВАЖНО:</strong>.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/fsd.videouroki.net/html/2014/03/30/98679265/img12.jpg'/><noscript><img loading='lazy'src='/800/600/http/fsd.videouroki.net/html/2014/03/30/98679265/img12.jpg'/></noscript>С.сайт.</blockquote><h3><span class="ez-toc-section"id="i-26">Пользовательский код в настройках страницы</span></h3><p>Код,включенный в раздел пользовательского кода любой страницы,будет<em>применяться только к этой странице и будет отображаться после любого пользовательского кода для всего сайта в HTML-разметке вашего сайта.</p><h4><span class="ez-toc-section"id="i-27">В теге</span></h4><head></h4><p>Теги<link>,<meta>и всегда должны располагаться внутри тега<head>.Теги также могут быть добавлены внутрь тега<head>,но добавление сценариев перед закрывающим тегом</body>обычно повышает производительность сайта и обеспечивает лучший опыт для посетителей вашего сайта.</p><h6></h6><strong>Полезно знать:</strong>Добавление внешних тегов<script>в<head>вашего сайта может замедлить загрузку страниц.Рассмотрите возможность добавления атрибута «async» или «defer» в тег<script>для повышения производительности.</h6><p>Чтобы добавить собственный код в тег<head>отдельной страницы: </p><ol role="list"><li>Откройте свой сайт в конструкторе</li><li>Откройте<strong>Настройки страницы</strong>для страницы,на которую вы хотите добавить свой код</li><li>Добавьте свой код код в раздел<strong>Внутри тега<head></strong>под<strong>Пользовательский код</strong> </li><li>Сохраните изменения</li></ol><h4><span class="ez-toc-section"id="i-28">Перед тегом</span></h4></body></h4><p>Как правило,теги должны размещаться в этом разделе.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/basicweb.ru/css/primer/8a.png'/><noscript><img loading='lazy'src='/800/600/http/basicweb.ru/css/primer/8a.png'/></noscript></p><p>Чтобы добавить пользовательский код перед закрывающим тегом</body>отдельной страницы: </p><ol role="list"><li>Откройте свой сайт в Конструкторе</li><li>Откройте<strong>Настройки страницы</strong>для страницы,на которую вы хотите добавить свой код</li><li>Добавить ваш пользовательский код в раздел</strong>перед тегом</body><strong>под<strong>Пользовательский код</strong></li><li>Сохраните изменения</li></ol><blockquote><strong>Важно:</strong>Пользовательские сценарии будут отображаться только на опубликованном сайте.</blockquote><h3><span class="ez-toc-section"id="i-29">Часто задаваемые вопросы и советы по устранению неполадок</span></h3><h4><span class="ez-toc-section"id="i-30">Могу ли я использовать серверные языки на своем сайте или в пользовательском коде на уровне страницы?</span></h4><p>Вы не можете интегрировать серверные языки(например,Perl,PHP,Python,Ruby)с помощью пользовательского кода.Пользовательский код в настройках сайта и страницы поддерживает только<strong>HTML</strong>,<strong>CSS</strong>в тегах<style>и<strong>JS</strong>в тегах<script>.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/images.myshared.ru/6/546597/slide_12.jpg'/><noscript><img loading='lazy'src='/800/600/http/images.myshared.ru/6/546597/slide_12.jpg'/></noscript></p><h4><span class="ez-toc-section"id="i-31">Можно ли увеличить количество символов для пользовательского кода?</span></h4><p>Разделы кода заголовка и кода нижнего колонтитула в настройках сайта могут содержать до 20 000 символов каждый,а пользовательский код в теге<head>и перед тегом</body>в настройках страницы может содержать до 10 000 символов каждый.Если код,который вы хотите добавить на свой сайт,длиннее,вы можете сохранить его на другом сервере и сослаться на сценарий в своем пользовательском коде.Вы также можете минимизировать свой собственный код с помощью стороннего инструмента.</p><h4><span class="ez-toc-section"id="i-32">Почему мой пользовательский код не действует в Дизайнере?</span></h4><p>Пользовательские сценарии будут<em>только</em>появляться на опубликованном сайте.Они отключены в конструкторе,чтобы предотвратить любое неожиданное поведение.</p><h4><span class="ez-toc-section"id="i-33">Помогите!Мой пользовательский код не работает!</span></h4><p>Дважды проверьте,содержит ли ваш код соответствующие открывающие и/или закрывающие теги и не содержит тегов<html>,<body>или<head>.<img class="lazy lazy-hidden"loading='lazy'src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif"data-lazy-type="image"data-src='/800/600/http/slideplayer.com/slide/14403589/90/images/8/Basics+of+HTML+%E2%80%93+REVIEW+%3Chtml%3E+%3Chead%3E+%3Ctitle%3E+Webpage+title+%3C%2Ftitle%3E+%3C%2Fhead%3E+%3Cbody%3E+My+first+webpage+%3C%2Fbody%3E+%3C%2Fhtml%3E.jpg'/><noscript><img loading='lazy'src='/800/600/http/slideplayer.com/slide/14403589/90/images/8/Basics+of+HTML+%E2%80%93+REVIEW+%3Chtml%3E+%3Chead%3E+%3Ctitle%3E+Webpage+title+%3C%2Ftitle%3E+%3C%2Fhead%3E+%3Cbody%3E+My+first+webpage+%3C%2Fbody%3E+%3C%2Fhtml%3E.jpg'/></noscript><center><ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="4908081011"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></p><p> По состоянию на август 2020 года недавно опубликованные сайты Webflow включают jQuery версии 3.5.1. Импорт других версий jQuery с пользовательским кодом может привести к конфликтам и неожиданному поведению на вашем сайте. Скрипты, влияющие на события DOM, такие как onClick, onHover и т. д., также могут вызывать неожиданное поведение.</p><p> Важно помнить, что пользовательский код — это расширенная модификация, которая может конфликтовать с базовой функциональностью Webflow. Таким образом, Webflow не может гарантировать функциональность или полную совместимость любого пользовательского кода.</p><center><ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><p> Наша служба поддержки не может оказать непосредственную помощь в настройке пользовательского кода или устранении неполадок, поскольку эти вопросы не входят в сферу нашей политики поддержки клиентов. Если у вас возникнут проблемы с пользовательским кодом, сообщите нам об этом на форуме Webflow, где все сообщество Webflow (включая сотрудников) может предоставить дополнительную помощь и ресурсы.<img class="lazy lazy-hidden" loading='lazy' src="//xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/wpinsideblog.com/wp-content/uploads/wordpressinside/body3.jpg' /><noscript><img loading='lazy' src='/800/600/http/wpinsideblog.com/wp-content/uploads/wordpressinside/body3.jpg' /></noscript></div><div class="post-meta"></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/ofis-kom-shablony-blanki-i-obshhie-shablony-office-com.html" rel="prev"><span class="meta-nav">Предыдущая запись</span> Офис ком шаблоны: Бланки и общие шаблоны — Office.com</a></div><div class="nav-next"><a href="https://xn--80aahvkuapc1be.xn--p1ai/raznoe/body-teg-atribut-text-htmlbook-ru-2.html" rel="next"><span class="meta-nav">Следующая запись</span> Body тег: Атрибут text | htmlbook.ru</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe/body-teg-atribut-text-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--80aahvkuapc1be.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='24329' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div><div class="col-md-4"><div id="sidebar" class="sidebar"><div id="search-9" class="widget widget_search"><form role="search" method="get" class="form-search" action="https://xn--80aahvkuapc1be.xn--p1ai/"><div class="input-group"> <label class="screen-reader-text" for="s">Поиск:</label> <input type="text" class="form-control search-query" placeholder="Поиск и помощь" value="" name="s" title="Поиск:" /> <span class="input-group-btn"> <button type="submit" class="btn btn-default" name="submit" id="searchsubmit" value="Найти"><i class="fa fa-search"></i></button> </span></div></form></div><div id="categories-10" class="widget widget_categories"><div class="widget-title"><span>Рубрики</span></div><ul><li class="cat-item cat-item-8"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/seo">Seo</a></li><li class="cat-item cat-item-4"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/wordpress">Wordpress</a></li><li class="cat-item cat-item-6"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/dizajn">Дизайн</a></li><li class="cat-item cat-item-7"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/zarabotok">Заработок</a></li><li class="cat-item cat-item-9"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/plagin">Плагин</a></li><li class="cat-item cat-item-3"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/raznoe">Разное</a></li><li class="cat-item cat-item-15"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/rekomendac">Рекомендац</a></li><li class="cat-item cat-item-5"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sajt">Сайт</a></li><li class="cat-item cat-item-1"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovety">Совет</a></li><li class="cat-item cat-item-12"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/sovet">Советы</a></li><li class="cat-item cat-item-13"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem-2">Тем</a></li><li class="cat-item cat-item-10"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/tem">Темы</a></li><li class="cat-item cat-item-14"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok-2">Урок</a></li><li class="cat-item cat-item-11"><a href="https://xn--80aahvkuapc1be.xn--p1ai/category/urok">Уроки</a></li></ul></div></div></div></div></div></div><footer class="mz-footer" id="footer"><div class="container footer-inner"><div class="row row-gutter"></div></div><div class="footer-wide"></div><div class="footer-bottom"><div class="site-info"> © Орфографика.рф, 2010 - 2019</div> Расшифровки, размещенные на сайте, предназначены только для личного, некоммерческого использования.<br> При перепосте материалов обязательна активная ссылка: «Текст подготовлен компанией Орфографика.рф». <br>Вопросы и предложения: info@орфографика.рф.</div></footer></div><p id="back-top"> <a href="#top"><i class="fa fa-angle-up"></i></a></p><style type="text/css">.archive #nav-above,.archive #nav-below,.search #nav-above,.search #nav-below,.blog #nav-below,.blog #nav-above,.navigation.paging-navigation,.navigation.pagination,.pagination.paging-pagination,.pagination.pagination,.pagination.loop-pagination,.bicubic-nav-link,#page-nav,.camp-paging,#reposter_nav-pages,.unity-post-pagination,.wordpost_content .nav_post_link,.page-link,.page-links,#comments .navigation,#comment-nav-above,#comment-nav-below,#nav-single,.navigation.comment-navigation,comment-pagination{display:none !important}.single-gallery .pagination.gllrpr_pagination{display:block !important}</style><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://xn--80aahvkuapc1be.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> </body></html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="fdcc6f624f35467996c8babc-|49" defer></script>