HTML5 Новые элементы и атрибуты - это приключение и возможность для дизайнеров

Введение статьи Wulin.com (www.vevb.com): HTML5, который, по слухам, является убийцей Flash, является трансформирующей сетевой технологией, используемой для разработки веб -приложений.

HTML5, который, как говорят, является убийцей Flash, является трансформирующей сетевой технологией, используемой для разработки веб -приложений. HTML 5 предоставляет несколько новых элементов и атрибутов, некоторые из которых технически похожи на теги <div> и <pan>, но имеют некоторые значения, такие как <Vav> и <нижний колонтитул>. Этот тег будет способствовать индексации поисковых систем, небольших экранов и людей с нарушениями зрения. В то же время, для других элементов просмотра предоставляются новые функции через стандартный интерфейс, такой как <audio> и <video> теги.

В дополнение к исходному интерфейсу DOM, HTML5 добавляет более разнообразные API:

Canvas API: API для динамического вывода и рендеринга графики, диаграмм, изображений и анимации.

HTML5 Audio и Video: новые элементы в HTML5, они предоставляют разработчикам общий интегрированный, сценарий API для обработки аудио и видео без установки плагин.

Коммуникационные API: две основные основы для построения в режиме реального времени и межоолигинного обмена: перекрестные документы и xmlhttprequest уровня 2.

Приведенные выше технические описания присутствуют в документации HTML с чем -то, но не все включены в документацию W3C HTML5; W3C сделал отдельные объяснения для некоторых технологий, поэтому эта статья не будет повторена один за другим.

Это звучит слишком технически, так какое влияние будет оказать HTML5 на дизайн? Это то, что веб -дизайнеры и разработчики должны рассмотреть после обсуждения кода программирования.

В качестве примера, взяв поле мобильного интернета, в отношении многочисленных терминальных устройств и платформ, дизайнеры и разработчики должны поставить компромиссы с точки зрения отображения продукта и последовательности в опыте, и потратила на себя большую часть нашей энергии в процессе заполнения платформы. Продукты могли достичь более высокого уровня, но реальность фрагментации мобильных терминалов (включая аппаратное и программное обеспечение) блокирует хорошие пожелания.

Текущие платформы разработки мобильных телефонов включают в себя: iOS, Symbian, Linux, Palm, Blackberry, Windows Mobile, Android и т. Д. Среди них платформа iOS должна быть разработана для разрешений 480*320, 960*640 и 1024*768 соответственно; Резолюция QVGA составляет 240*320, разрешение WQVGA составляет 240*400, разрешение HVGA составляет 320*480, разрешение WVGA составляет 480*800, разрешение FWVGA составляет 480*854 и т. Д.; Система Symbian имеет долгую историю, и теперь она в основном фокусируется на версиях S60 V3 и V5, а разрешение по -прежнему составляет 176*208, 208*208, 240*320/320*240, 352*416/416*352 и 800*352 и многие другие типы. Даже с той же платформой, разные решения будут иметь соответствующие различия. Кроме того, клиентские продукты необходимо обновляться и непрерывно обновляться, от версии 1.0, версии 2.0 до версии n.0; Каждый раз, когда разрабатывается нативное приложение, необходимо выложить платформу. И реальность такова, что не все пользователи будут активно обновлять новую версию, поэтому дизайнеры и разработчики также должны беспокоиться о том, будет ли поддерживать предыдущую старую версию при разработке новых функций. Умножается разные платформы на разные версии, рабочая сила и материальные ресурсы инвестируются в работу по укладке платформы, а энергия для улучшения опыта пользователя продукта относительно ограничена.

Таким образом, у людей было достаточно пыток фрагментированных терминальных устройств, и начали с нетерпением ждать чего -то отличного от местных приложений. Появление веб -приложений, разработанных HTML5 Technology, дало дизайнерам и разработчикам яркое зрение. Процесс рендеринга технологии HTML5 в основном осуществляется браузерами, приложениями, встроенными в диапазон HTML5, приложениями, которые поддерживают открытие закладок или продукты мобильного телефона. Таким образом, обновление запуска и версии продукта больше не требуется так много времени, чтобы заложить платформу. Внутренняя логика аплератора будет преобразовать пользовательский интерфейс продукта в собственный интерфейс для таких платформ, как iOS или Android. В то же время продукты в виде веб -приложения не требуют, чтобы пользователи могли загружать и обновлять, и могут получить доступ к последней версии через сеть; Это также облегчает дизайнерам и разработчикам отладки и исправления ошибок, и больше нет проблемы с учетом новых и старых версий одновременно.

HTML5 настолько мощный, что имеет потенциал для улучшения качества интернет -продуктов и улучшения реальной среды для разработчиков. Поэтому дизайнеры и разработчики должны понимать это по мере необходимости. Но это не означает, что дизайнеры должны отложить свою работу и начать обучение технологии программирования. Вместо этого они должны рассмотреть, какие очевидные изменения должны внести HTML5 для конкретных дизайнов, и какие эффекты дизайна могут достичь технологии HTML5?

В рамках активной пропаганды гигантских компаний, таких как Apple, Google и Microsoft, технология HTML5 добилась быстрого прогресса, и последствия, которые могут достичь веб -приложения, становятся все более и более распространенными. Многие веб -приложения действительно можно сравнить с нативными приложениями. Лучшие браузеры для поддержки HTML5 - Safari, а Chrome, Firefox и Opera являются неудовлетворительными, а браузер IE имеет самую низкую поддержку. Как показано на рисунке ниже:

В настоящее время мы часто видим связанные введенные статьи, такие как «19 веб -сайтов, разработанных с HTML5» и «25 превосходных игр HTML5 Canvas» в Интернете. Дизайнеры часто могут использовать его, чтобы испытать это. Из -за ограничений пространства эта статья даст только несколько типичных продуктов веб -сайта, которые используют технологию HTML5 для примеров.