I’ ве потерял счет количеству сообщений, которые были написаны о больших особенностей HTML5: Среди самых ожидаемых богатый средств массовой информации (видео, аудио, холст) и JavaScript API.Тем не менее, называть меня женщины простые вкусы, но это не та вещь, которая заставляет меня обморок.Что делает?Небольшие дополнения к спецификации, которая сделает мир различия в коде, как я изо дня в день отъезда.Это вещи сказки сделаны of.
Уродливые duckling
HTML имел тяжелое прошлое.Она никогда не была предназначена для того, что мы сейчас выполнению с ней.Отчасти это является свидетельством ее гибкость и адаптивность, но было неизбежным растущей pains.
Так что же это было изначально предназначено для?Ну, это там, в название: Hyper-Text Markup Language.Да, текст, гипер-текст, чтобы быть более точным.Не макета или изображений или видео, или шрифты, или меню — или любой другой мишуры, что теперь incorporates.
Все эти методы начали, как “хаки” — способы расширения языка, которые не были учтены в первоначальной спецификации.Некоторые из хаки были уродливее, чем другие.Например таблиц для разметки (eek!) был работоспособным (и надежный) способ управлять отображением информации.Точно так же, sIFR наличие и других методов зачастую приходится вещей, которые бы более естественно быть обработаны изначально в браузере, но в то время были not.
Красивый prince
Что нам нужно, чтобы кто-то пришел к нам на помощь.В шага HTML5.
Спецификация полна ‘-ha’ и ‘ из course’ моменты, и that’ ы не удивительно, видя, как одна из его основополагающих принципов дизайна является то, что мощение cowpaths :
“Когда практика уже широко распространена среди авторов, рассмотреть вопрос о принятии его, а не запрещает его или изобретатьчто-то новое “
— HTML принципы дизайна, W3C Рабочий проект 26 мая 2009
Что это означает на землю является то, что многие из хаки, которые используются, чтобы согнуть существующих HTML Doctype нашей воли в настоящее время узаконено в HTML5.Давайте рассмотрим три примера, которые гарантированно сделать все интерфейсные разработчиком улыбкой:
< a> element
Эта маленькая красавица является фундаментальным, как весь веб работает, но до HTML5 она была очень ограничена.Limited, на самом деле, чтобы быть исключительно линию.Хотите создать большие активные баннер, который оборачивается вокруг названия, изображения и текст?Ну, не повезло.простой ПР “HTML4.01 не позволю вам, — не без JavaScript, что is.
Однако теперь, когда <a> тег был объявлен уровне блоков в HTML5, нет концак элементам вы можете обернуть его.Вы можете уверенно (и законно) у вашего <p> и связать его слишком
Форм: место-holder
Веб-формы являются сложные вещи, и мы разработали ряд наличие дополнений, чтобы сделать их более удобными: выбора даты, автоматически завершается, требуемых элементов, проверки.Многие из них имеют новый дом в HTML5, но я собираюсь сосредоточиться на одной общей техники: заполнитель text.
Это используется, когда у вас есть текстовое поле, но вы хотите предложить пользователю — либо формат, который вы хотели бы введенный текст (например, даты) или с примера.Это иногда используется в месте ярлык, когда пространство премиум-класса.До сих пор, используя шаблонный текст потребовала функция JavaScript, который автоматически очищается в центре внимания, и восстанавливается, когда элемент теряет фокус (если она не была заменена введенный пользователем текст).Довольно сложной задачей, один из которых в настоящее время осуществляется в следующем фрагменте:
<input id=”examples” name=”examples” type=”text” placeholder=”Enter the things you love about HTML5” />
заполнитель атрибут устраняет необходимость добавить JavaScript для ввода elements
Раздел element
Вы когда-нибудь запустить проверку на странице и умер внутри, когда следующая ошибка вернулась
“WCAG v1 3,5 (AA)] Nest заголовки …
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров