Какой атрибут тега body задает цвет посещенных ссылок
HTML-элемент <body> представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент <body> .
- Элемент <body> представляет интерфейс HTMLBodyElement .
- Вы можете получить доступ к элементу <body> через свойство document.body .
Атрибуты
К этому элементу применимы глобальные атрибуты.
Цвет текста гиперссылок, когда они выделены. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :active .
URI изображения для использования в качестве фона. Этот метод не согласован, вместо него используйте CSS-свойство background .
Цвет фона документа. Этот метод не согласован, вместо него используйте CSS-свойство background-color .
Отступ от нижнего края элемента <body> . Этот метод не согласован, вместо него используйте CSS-свойство margin-bottom .
Отступ от левого края элемента <body> . Этот метод не согласован, вместо него используйте CSS-свойство margin-left .
Цвет текста непосещенных гипертекстовых ссылок. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :link .
Функция для вызова после того, как пользователь распечатал документ.
Функция для вызова, когда пользователь отправляет документ на печать.
Функция для вызова перед закрытием окна документа или переходом на другую, внешнюю, страницу в этой же вкладке.
Функция для вызова при потери документом фокуса.
Функция для вызова, когда документ не загружается должным образом.
Функция для вызова, когда документ получает фокус.
Функция для вызова, когда изменяется часть идентификатора фрагмента (начинается с символа ‘#’ ) текущего адреса документа.
Функция для вызова при изменении предпочитаемых языков.
Функция для вызова, когда документ закончил загрузку (страницы загружена).
Функция для вызова, когда документ получил сообщение.
Функция для вызова, когда происходит сбой сетевого соединения.
Функция для вызова, когда произошло восстановление сетевого соединения.
Функция для вызова, когда пользователь осуществил управление историей сеанса.
Функция для вызова, когда произошло продвижение пользователя вперёд по истории транзакций (например, обновление страницы).
Функция для вызова, когда размер документа был изменён.
Функция для вызова, когда изменяется содержимое хранилища (Web Storage).
Функция для вызова, когда произошло продвижение пользователя назад по истории транзакций (например, переход на предыдущую страницу в активной вкладке).
Функция для вызова, когда пользователь покидает страницу (закрытие вкладки или окна браузера).
Отступ от правого края элемента <body> . Этот метод не согласован, вместо него используйте CSS-свойство margin-right .
Основной цвет текста. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US).
Отступ от верхнего края элемента <body> . Этот метод не согласован, вместо него используйте CSS-свойство margin-top .
Цвет текста посещённой гипертекстовой ссылки. Этот метод не согласован, вместо него используйте CSS-свойство color (en-US) вместе с псевдоклассом :visited .
Тег <body> HTML область контента
Тег body определяет область контента страницы. Является обверткой для содержимого, отображаемого в основном окне браузера.
Текст, картинки, формы, блоки, таблицы, списки и т.д. — все это указывают внутри тега <body> . Перед тегом body может находиться тег <head> , предназначенный в основном для хранения системной информации (подробнее про head).
Синтаксис
Закрывающий тег body
По условиям спецификации HTML5 использовать закрывающий тег body не обязательно. Браузеры при этом ставят </body> тег автоматически, просчитывая его место в коде. Однако, во избежания внештатных ситуаций мы рекомендуем все-таки ставить закрывающий тег body вручную в документе.
Перед закрывающим тегом <body> часто ставят подключение скриптов JavaScript. Например, системные скрипты для работы сайта, скрипты визуальных элементов (галерей, слайдеров, эффектов плавности и т.п.), скрипты счетчиков посещаемости Google Analytics и Яндекс Метрика (рекомендации по месту установки счетчиков могут меняться, смотрите инструкции от Google и Яндекс на момент установки).
Пример использования <body> в HTML коде
Поддержка браузерами
| Тег | |||||
| <body> | Да | Да | Да | Да | Да |
Устаревшие атрибуты тега body
В HTML5 тег <body> не имеет параметров или атрибутов. Ниже в таблице приведены устаревшие атрибуты тега body . Используйте стилизацию с помощью CSS вместо них.
Тег body
Тег <body> (с англ. тело) — тег-контейнер, определяет границы тела документа. Внутри тега располагаются все элементы, отвечающие за содержание HTML-страницы.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
Атрибуты
- ltr — направление слева направо (по умолчанию)
- rtl — направление справа налево
- yes — отображает полосы прокрутки (по умолчанию)
- no — запрещает показ полос прокрутки
Пример
Рекомендации по использованию
- по спецификациям XHTML открывающий (<body>) и закрывающий (</body>) тег обязателен
- включает в себя всю содержательную часть веб-страницы
- может содержать блочные элементы, теги <script>, <ins> и <del>
- взаимоисключающий элемент с тегом <frameset>
- обязательных атрибутов нет
- большинство атрибутов данного тега отсутствует либо не рекомендуется в спецификации HTML 4.01. Настройки, которые задают эти атрибуты можно и нужно выполнять, используя таблицы стилей
- некоторые браузеры по умолчанию отображают элемент с отступами
Согласно спецификации HTML4.01 открывающий и закрывающий теги не обязательны. Тем не менее, рекомендуется их использовать, для четкого структурирования текста страницы.
Тег <body> часто используется для размещения обработчика событий onLoad, для того, чтобы выполнить определенные действия, после того, как документ загрузится.
Как выделить ссылку цветом — разъясняем во всех подробностях
В силу тех или иных обстоятельств возникает надобность изменить цвет ссылки. Это достаточно распространенный случай, когда ссылки на сайте режут глаз или наоборот малозаметны. В сегодняшней небольшой публикации вы узнаете, как просто изменить цвет ссылки.
В HTML параметры цвета задаются стандартно цифрами в шестнадцатеричном коде, в виде #rrggbb, где каждая по отдельности буква отвечает за красную (r или red), зеленую (g или green) и синюю (b или blue) составляющую. Для каждого цвета применяется шестнадцатеричное значение от 00 до FF, что отвечает диапазону от 0 до 255 в десятичном исчислении. Далее эти значения соединяются в одно шестизначное число, в котором некоторые цифры могут быть заменены латинскими буквами. Использование символа решетка (#) является обязательным и он должен располагаться вначале заданного параметра цвета.
Помимо использования палитры всевозможных цветов, не исключено применение ключевых слов, таких как: yellow, gray, green и т.п.
Задание цвета всех ссылок на странице
Цвета ссылок задаются в качестве атрибутов тега <body>. Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.
link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).
alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.
vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.
Пример 1. Задание цветов ссылок
Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.
Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A.
visited — Стиль для посещенной ссылки.
active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
hover — Стиль для ссылки при наведении на нее мышью.
В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color, оно задает цвет определенного текста, в данном случае, ссылок.
Пример 2. Цвет ссылок, заданных через стили
Как выделить отдельную ссылку меню другим цветом
Иногда возникает потребность выделить один или несколько пунктов меню каким-то отдельным цветом. Делается это для того, чтобы таким образом привлечь посетителей именно на страницу, указанную в блоке меню сайта. К примеру у меня на одной странице находится много полезной и нужной информации для вебмастеров. Ссылка на эту страницу теряется в общей массе ссылок меню. И вот чтобы как-то привлечь к ней внимание, я выделил её красным текстом и жирным шрифтом.
Вся проблема для меня заключалась в том, что это меню выводилось виджетом «Ссылки». Искал решение в интернете, но лишний плагин не устраивал. Можно было бы прописать этот стиль в CSS, но не захотелось долго ломать голову.
Немного подумав, пришел к простому решению — вывел адреса ссылок как произвольное меню, т.е. поставил виджет «Текст» и там прописал URL ссылок. Ну а дальше дело техники, в нужной активной ссылке прописывается её стиль. Все ссылки в виджете прописаны так:
В этот код надо добавить стиль цвета ссылки, я ссылку сделал красной — style=»color:red;» и для выделения жирным цветом добавляем к названию ссылки теги <b></b>. Получаем такой код:
Теперь в меню одна ссылка стала выделяться красным цветом. Надеюсь кому-то пригодится такой вариант выделения ссылок.