Страница 5 из 5
Прочие полезные атрибуты:
cellspacing = " " – внешний отступ ячеек друг от друга в px.
cellpadding = " " – внутренний отступ от содержимого до границ ячеек в px.
border = " " – рамка для таблицы, ее толщина.
width = " " – ширина в px или % таблицы. Рекомендуется %.
height = " " – высота в px или % таблицы. Рекомендуется %.10
Универсальные атрибуты для тегов
Универсальные атрибуты можно задать практически любому тегу и контенту на странице, чтобы повысить его интерактивность.
title = " " – подсказка при наведении на элемент. Используется для определений, пояснений внутри страницы.
dir = " " – направление написания текста, слева направо или справа налево.
contenteditable="true | false" – дает возможность пользователям изменять текст или элемент текста.
align = " center | left |right | justify" – выравнивание текста по центру, левому/правому краю, по всей ширине.
class = " " – атрибут для подключения стилей CSS. Задаем class.
id = " " – атрибут для подключения стилей CSS. Задаем id.
style = " " – атрибут для прописывания стилей прямо в теге.
hidden = "hidden " – атрибут скрывает элемент от пользователей, но тот при этом остается на странице. Не очень часто используется.
spellcheck = "true | false " – указывает браузеру пользователя на необходимость проверки грамматики.
Изображения
<img src=" "/> – тег добавления изображений.
alt = " " – описание изображения.
title = " " – заголовок картинки, выводящийся при наведении на нее.
width = " " – ширина изображения, лучше задавать в процентах.
height = " " – высота изображения, лучше задавать в процентах.
hspace = " " – отступ от картинки по вертикали.
vspace = " " – отступ от картинки по горизонтали.
lowsrc = " " – адрес изображения низкого качества, для мобильной версии.
longdesc ="url" – путь к длинному описанию изображения. Обычно используется на фотостоках.
usermap = "#название навигации" – тег отвечает за формирования карты изображения. В некотором смысле так работают google maps, сайты погоды и некоторые другие проекты.
Пример:
<map name="Navigation">
<area shape="poly" coords="113,24,211,24, 233,0,137,0" href="inform.html" alt="Информация"> </map>
Чего только не встретишь в рамках
HTML
! Автор не призывает использовать все перечисленные теги. Но если они вам понадобятся, вы сможете вспомнить об их существовании.
Ссылки
<a href = "url">text</a> – так задается простая гиперссылка в тексте. Она может быть абсолютной https://site.ru/url или относительной /url.
title = " " – заголовок ссылки при наведении на нее.
alt = "текст" – описание ссылки, полезно для продвижения, но не обязательно.
rel = "follow" – индексирует ссылку, вес передается.
Конец ознакомительного фрагмента.
Текст предоставлен ООО «ЛитРес».
Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.
Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.
10
Внимание, большинство атрибутов без проблем заменяются стилями. Автор не призывает использовать атрибуты html. Но иногда это очень удобно!