Возможно, вы уже слышали термин HTML5 в своих онлайн-путешествиях. Но знаете ли вы, что такое HTML5?
Это важно знать, потому что HTML5 предоставляет вам более широкий выбор для более богатого веб-сайта, а также дополнительные функции. Вы, вероятно, услышите больше об этом.
Фактически, ваш следующий веб-сайт может быть написан на HTML5. Таким образом, вы хотите, чтобы вас информировали, чтобы вы знали достаточно, чтобы правильно общаться со своим веб-разработчиком и обдумать варианты своего веб-сайта.
$config[code] not foundИ что Является HTML5?
HTML существует с самого начала Интернета. Это язык, который служит строительным материалом для веб-сайтов. HTML - это код, который заставляет изображения появляться на странице, выравнивает эти изображения, делает текст обычным или жирным, указывает, каким шрифтом должен быть текст, и многое другое.
С 1990-х годов было 4 версии HTML. Сейчас мы переходим к версии 5, о которой мы сегодня поговорим.
Планирование HTML5 началось еще в 2004 году консорциумом World Wide Web, а десятилетие спустя, относительно небольшое количество веб-сайтов используют HTML5. Это просто говорит о том, что процесс обновления HTML-версий не за одну ночь. Это занимает годы (не говоря уже о некоторой полемике и отколовшейся группе несогласных).
Но когда HTML5 начинает более широко использоваться, HTML4 не будет переведен на солнечный остров. HTML5 и HTML4 построены друг на друге, и каждый будет мирно сосуществовать друг с другом, предоставляя свой собственный набор функций.
HTML4 и HTML5 сосуществуют прямо сейчас. Некоторые старые браузеры не могут читать HTML5. (Чтобы проверить, совместим ли ваш браузер с HTML5, посетите этот сайт.)
Преимущества HTML5
Так что вы, вероятно, уже спрашиваете, какими будут преимущества нового HTML5. Давайте посмотрим на некоторые ключевые преимущества.
Решение проблемы Flash
Если у вас есть устройство iOS, вы уже будете знать, что устройство не может использовать Flash. У Android тоже есть свои проблемы с Flash. С Android вам могут понадобиться обходные пути, чтобы увидеть Flash-элементы сайта или флэш-видео. Это мешает работе пользователей, если части сайта остаются недоступными из-за несовместимости программного обеспечения.
HTML5 позволяет создавать более интересные эффекты и анимацию, а также более красивые веб-страницы без использования Flash. HTML5 можно рассматривать как альтернатива мигать, а не замена.
Более богатые сайты
HTML5 может сделать сайты более быстрыми и интерактивными. Примеры этого включают в себя воспроизведение потокового видео на веб-сайте намного быстрее. Такие сайты, как YouTube, уже предлагают видео проигрыватели HTML5. (Тем не менее, вы должны включить его самостоятельно, поскольку это не настройка по умолчанию).
Или это может означать воспроизведение звука на веб-сайте без плагинов, использование кода для рисования на веб-сайте (с помощью пальца или стилуса) или перетаскивание файлов на веб-сайт (например, функция загрузки в WordPress).
Отличным примером HTML5 является Chrome Experiment, веб-сайт, поддерживаемый Google, который показывает некоторые возможности HTML5. Примеры на этом сайте сделаны с использованием чего-то, называемого WebGL, и это технология, связанная с HTML5, которая создает трехмерные объекты и анимацию.
Лучшая семантическая разметка
Семантическая разметка не является созданием HTML5 - она существует уже давно - но HTML5 улучшает ее.
Что такое семантическая разметка? Давайте попробуем разбить его, не вдаваясь в технические подробности и не теряясь в деталях. В старые времена на веб-сайте была информация, но поисковая система не могла понять эту информацию. Он просто индексировал то, что нашел, но не было никакого контекста, чтобы придать этой информации какое-либо значение. Номер телефона был просто цепочкой случайных чисел.
Однако при семантической разметке данные интерпретируются в соответствующем контексте, поэтому номер телефона идентифицируется как номер телефона, время открытия магазинов определяется как время открытия магазинов и так далее. Это позволяет поисковым системам лучше понимать ваши запросы и предоставлять более точную информацию. Таким образом, вы можете спросить Google, когда Walmart в вашем регионе закроется, и это поднимет время.
Возможно, наиболее известным примером семантической разметки является авторство Google. Всякий раз, когда вы что-то ищете в Google, посты и статьи в блогах часто приходят с фотографией автора слева.
Кроме того, скажем, вы ищете юридическую фирму в Нью-Йорке? Семантическая разметка в поисковых системах теперь содержит контактную информацию, а также маркер, ведущий к карте Google для указания направлений. Вы даже можете прочитать отзывы и просмотреть страницу компании Google Plus.
Таким образом, семантическая разметка может сделать Интернет намного более полезным. Семантическая разметка может также включать видео, отзывы и информацию о продуктах для продажи.
И помните, что добавить Google Authorship, чтобы ваша фотография была рядом с вашими статьями в результатах поиска, легко. Google объясняет все это шаг за шагом здесь.
Чтобы добавить на ваш сайт кое-что еще, у Search Engine Land есть отличная схема, на которой подробно описаны такие функции, как разметка адреса, контактные данные, типы платежей и часы работы на вашем сайте. Это дает представление о том, какие данные вы можете найти в результатах поиска по вашему бизнесу.
Как предприятия могут начать работу с HTML5?
Итак, вопрос, который вы, вероятно, сейчас задаете: «Что мне нужно делать?». Первое, что нужно подчеркнуть, это то, что вы не иметь сделать что-нибудь прямо сейчас. Ваш веб-сайт может прекрасно работать без HTML5.
Но если у вас есть бизнес, который в значительной степени зависит от присутствия в Интернете или на мобильном устройстве, вам не помешает начать планирование и рассмотрение вариантов с вашим веб-разработчиком.
Подумайте, какие функции вам нужны и как они могут помочь вашему бизнесу. HTML5 может или не может быть правильным выбором для привлечения этих функций для вашего присутствия в Интернете.
Но имейте в виду, что это может быть контрпродуктивным, если ваши клиенты еще не пришли. Технический директор отдела малого бизнеса Леланд Макфарланд (Leland McFarland) предлагает несколько советов по всей проблеме HTML5:
«Помните, ваши клиенты могут использовать старые браузеры. Это не просто вопрос того, что вы или ваш разработчик хотите. Цель должна состоять в том, чтобы сделать ваш сайт доступным как можно большему количеству читателей или зрителей. Если некоторые из вашей аудитории не смогут увидеть эту симпатичную анимацию из-за старого браузера, у вас все еще есть альтернатива, которую они могут увидеть? Возможно страница с текстом и несколькими изображениями? Попросите вашего разработчика создать эту альтернативу, чтобы каждый мог получить хороший опыт на сайте ».
Ваши данные Google Analytics для вашего веб-сайта (например, Google Analytics) должны указывать типы браузеров и устройств, которые в основном используются вашей аудиторией. Это должно дать некоторое представление о потребностях вашей аудитории. Одним из ваших первых соображений должно быть предоставление того, что они хотят и нуждаются. Но также подумайте, какую новую аудиторию вы бы нравится привлечь. Например, HTML5 может привлечь и удержать больше людей, использующих устройства Apple.
HTML5 - это будущее, и он может добавлять дополнительные функции к вашему присутствию в Интернете. Как владелец или менеджер малого бизнеса, это поможет, если вы выйдете за пределы кривой, узнаете больше о HTML5 и начнете планировать, как его использовать.
HTML изображение через Shutterstock; скриншоты
Ещё в: Что такое 7 комментариев ▼
