Атрибут style

Атрибут style применяется для задания стилевого оформления элементу непосредственно в html теге элемента.

Применяется почти ко всем тегам html.

Проще сказать к каким не применяется — это теги <script>, <head>, <style>, а так же служебные теги: <DOCTYPE>, <meta>, <linc>

Синтаксис:

<p style="color: #333;">Абзац</p>

Где:

<p>Абзац</p> — html тег абзаца;

style — атрибут style;

color: #333; — значение атрибута определяющее цвет шрифта.

В качестве значений атрибута style используются значения css.

Ещё недавно оформление элемента непосредственно в html теге считалось дурным тоном и все свойства и значения css выносились в отдельный файл style.css.

Связано это было скорее всего с началом эпохи css, когда атрибуты оформления html стали квалифицироваться как устаревшие.

Однако в последнее время я всё чаще встречаю рекомендации специалистов П/с и ведущих веб-программистов, задавать небольшие свойства прямо в html документе, т.е. на странице.

Особенно это актуально для единичных элементов, имеющихся даже на динамических сайтах.

В этом есть и определённые преимущества.

Браузер читает css и во многих случаях ни к чему гонять его на сервер за тем или иным оформлением, т. е. появляется возможность сократить время загрузки.

Например, Вы собираетесь сделать одну из картинок на странице круглой.

Для этого не обязательно задавать этой картинке класс, а затем в файле стилей указывать этому классу border-radius: 50%/50%.

Тоже самое свойство можно ввести прямо в тег img в атрибуте style. Картинка-то всего одна или две.

Просто и удобно — безусловно.

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

Однако, с применением атрибута style нужно учитывать и некоторые нюансы.

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

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

Но ведь в каждом браузере и на каждом ресурсе имеется функция кеширования, в которой этот элемент уже внесёт с оформлением заданном в файле, и кеш этот всегда используется.

Так что совсем не факт, что будет показано прямое включение. Скорее даже наоборот.

Поэтому, прежде чем включить в тег атрибут style, проверьте этот элемент веб-инспектором и посмотрите какие свойства ему уже заданы, чтобы не получилось накладки.

Желаю творческих успехов.

Атрибут data < < < В раздел > > > Формы html

Запись опубликована в рубрике HTML основы. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *