Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна.
В HTML5 проценты для значений не используются, при необходимости они задаются через стили.
Синтаксис
атрибут="<число>%"
Чтобы браузер понял что имеет дело с процентами после числа добавляется символ %.
Пример
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Проценты</title>
</head>
<body>
<p><img src="image/if_vk.png" alt="Картинка" width="100%"></p>
</body>
</html>
В данном примере ширина картинки задана как 100% и занимает всю ширину окна браузера. При изменении размеров окна само изображение также будет меняться вместе с ним.
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.