Веб-интерфейсы сейчас повсюду, и давно уже не только на PC и лэптопах. HTML5 дает действительно удивительные возможности по реализации в этих интерфейсах различной, невиданной доселе функциональности и просто смелых UI-решений, но… Читать далее
Веб-интерфейсы сейчас повсюду, и давно уже не только на PC и лэптопах. HTML5 дает действительно удивительные возможности по реализации в этих интерфейсах различной, невиданной доселе функциональности и просто смелых UI-решений, но… Читать далее
Для более тонкой валидации введенных значений на стороне клиента предназначен новый объект ValidityState. Он доступен (при поддержке этой возможности браузером) для любого элемента ввода. Получить доступ к нему можно следующим образом:
Да, именно это пришло в голову разработчикам. Раз есть ввод, почему не может быть вывода? Тем более искусственные конструкции, выполняющие подобные функции, сплошь и рядом создаются на веб-страницах. Итак, встречайте — элементы вывода!
Чтобы выяснить, что именно, давайте рассмотрим типичную форму, сделанную с использованием нового инструментария.
Больше всего новшеств в HTML-разметке появилось в этих самых, всем порядком надоевших HTML-конструкциях. Читать далее
Как и во всякую революцию (а HTML5 — это, вне всякого сомнения, революция), не обошлось без потерь. В том числе и фатальных — некоторые HTML-элементы навсегда скинуты с корабля современности.
Мне кажется, что не меньший прорыв, чем DOCTYPE. И столь же непонятный для людей, далеких от разработки. Но мы-то с вами знаем, каких усилий иногда требовала передача вместе с тегом дополнительной информации для обработки скриптом. Обычная практика — применять для этих целей атрибуты class или id, но пользоваться ими не всегда удобно, все же создавались они для другого.
Прежде всего о глобальных атрибутах. Хотя, конечно, этот термин довольно нечеткий и неофициальный, но тут под ним принимаются атрибуты, присутствующие у большего числа элементов. Это, например, атрибуты class или id. В HTML5 их стало несколько больше.
Теги <figure> и <figcaption> приняты для разметки изображения на веб-странице. Нет, старый добрый <img> никуда не делся, но теперь устраняется досадное недоразумение, заключающееся в том, что рисунок и подпись к нему представляют два совершенно различных и не связанных по умолчанию элемента разметки. Теперь их можно поместить в один контейнер, не сдерживая форматирования в подписи, а само изображение может состоять из нескольких частей. Пример использования <figure>:
Вопреки тому, что говорилось во введении, все-таки давайте сначала вспомним, что HTML, по крайней мере когда-то, был языком разметки и состоял из тегов и их атрибутов. Читать далее