Що таке HTML5? Чи потрібна вона для веб-сайту мого бізнесу?

Зміст:

Anonim

Можливо, ви вже чули термін HTML5 у ваших подорожах в Інтернеті. Але чи знаєте ви, що таке HTML5?

Важливо знати, що HTML5 надає вам більше можливостей для більш багатих веб-сайтів, а також додаткові функції. Ви, ймовірно, почуєте більше про це.

Фактично ваш наступний веб-сайт може бути написаний у форматі HTML5. Таким чином, ви хочете бути поінформованими, щоб ви знали достатньо, щоб правильно спілкуватися з веб-розробником, і розглянути ваші варіанти для вашого веб-сайту.

$config[code] not found

І що Є HTML5?

HTML існує з початку Інтернету. Це мова, яка служить будівельними блоками для веб-сайтів. HTML - це код, який змушує зображення з'являтися на сторінці, вирівнює ці зображення, робить текст нормальним або напівжирним, визначає, який шрифт повинен бути текст і багато іншого.

З 1990-х років існує 4 версії HTML. Зараз ми переходимо до версії 5, про яку ми сьогодні говоримо.

Планування для HTML5 почалося ще в 2004 році Всесвітнім консорціумом, а через десять років, порівняно невелика кількість веб-сайтів використовує HTML5. Це просто свідчить про те, що процес оновлення версій HTML не є нічим. Це займе роки (не кажучи вже про деякі суперечки і відкололася група інакодумців).

Але коли HTML5 починає більш широко використовуватися, HTML4 не буде виведений на сонячний острів. HTML5 і HTML4 будуються один над одним, і кожен з них мирно співіснує один з одним, приносячи власний набір функцій.

HTML4 і HTML5 зараз спільно існують. Деякі старіші веб-переглядачі не можуть читати HTML5. (Щоб перевірити, чи підтримує ваш браузер сумісний HTML5, відвідайте цей сайт.)

Переваги HTML5

Отже, ви, напевно, вже запитуєте, якими будуть переваги нового HTML5. Давайте розглянемо деякі ключові переваги.

Вирішення проблеми Flash

Якщо у вас є пристрій iOS, то ви вже знаєте, що пристрій не може використовувати Flash. Android також має свої власні проблеми. За допомогою Android вам можуть знадобитися обхідні шляхи, щоб побачити елементи флеш-сайту або флеш-відео. Це може заважати користувачеві, якщо частини веб-сайту залишаються поза межами через несумісність програмного забезпечення.

HTML5 дозволяє створювати цікаві ефекти та анімацію, а також цікавіші веб-сторінки без необхідності використання Flash. HTML5 можна розглядати як альтернатива до Flash, не заміну.

Більш багаті сайти

HTML5 буде мати можливість зробити сайти швидшими та більш інтерактивними. Прикладами цього є відтворення потокового відео на веб-сайті, набагато швидше. Такі сайти, як YouTube, вже пропонують відеопрогравачі HTML5. (Проте ви повинні переключити його на себе, оскільки це не налаштування за умовчанням).

Або це може означати відтворення аудіо на веб-сайті без додатків, використання коду для малювання на веб-сайті (пальцем або пером) або перетягування файлів на веб-сайт (наприклад, функцію завантаження в WordPress).

Чудовим прикладом HTML5 є експерименти Chrome, веб-сайт Google, на якому показані деякі речі, на які здатний HTML5. Приклади на цьому сайті виконані з використанням щось називається WebGL, і це технологія, пов'язана з HTML5, яка створює 3D-об'єкти та анімацію.

Краща семантична розмітка

Семантична розмітка - це не створення HTML5 - вона існує вже давно - але HTML5 покращує її.

Що таке семантична розмітка? Давайте спробуємо розбити її, не отримуючи занадто технічних даних і втрачаючи деталі. У старі часи веб-сайт містив інформацію, але пошуковий механізм не мав жодного способу розпізнати цю інформацію. Він просто індексував те, що він знайшов, але не було додано жодного контексту, щоб дати цій інформації будь-який сенс. Номер телефону - це рядок випадкових чисел.

Однак при семантичній розмітці дані інтерпретуються у відповідному контексті, тому номер телефону ідентифікується як номер телефону, час роботи магазинів визначається як час роботи магазину тощо. Завдяки цьому пошукові системи можуть краще зрозуміти ваші запити та надати більш точну інформацію. Таким чином, ви можете запитати Google, коли Walmart у вашому районі закривається, і це підніме час.

Можливо, найвідомішим прикладом семантичної розмітки є авторство Google. Всякий раз, коли ви шукаєте щось на Google, публікації в блогах і статті часто приходять з фотографією автора ліворуч.

Також скажіть, що ви шукаєте юридичну фірму в Нью-Йорку? Семантична розмітка на пошукових системах тепер має контактні дані, а також маркер, який веде вас до карти Google для напрямків. Можна навіть прочитати відгуки та переглянути сторінку компанії Google Plus.

Таким чином, семантична розмітка має потенціал, щоб зробити веб-сайт більш корисним. Семантична розмітка може також включати відео, відгуки та деталі продуктів для продажу.

І пам'ятайте, що додавання авторів Google для отримання зображення поруч із вашими статтями в результатах пошуку легко. Google пояснює все це крок за кроком.

Щоб отримати деякі інші речі на вашому сайті, у пошуковій системі є великий план, який деталізує такі функції, як розміщення адреси, контактних даних, типів платежів та годин роботи на вашому сайті. Це дає змогу побачити, які дані можна відобразити в результатах пошуку про вашу компанію.

Як підприємства можуть почати роботу з HTML5?

Отже, питання, яке ви, напевно, зараз запитуєте, це "що мені потрібно робити?". Перше, що потрібно підкреслити, це те, що ви не можете є зробити що-небудь прямо зараз. Ваш сайт може відмінно працювати без HTML5.

Але якщо у вас є бізнес, який значною мірою залежить від присутності в Інтернеті або мобільних пристроях, не завадить розпочати планування та перегляд варіантів з веб-розробником.

Розгляньте, які функції вам потрібні і як вони можуть допомогти вашому бізнесу. HTML5 може бути чи не бути правильним вибором для приведення цих функцій до присутності в Інтернеті.

Але майте на увазі, що, якщо ваші клієнти ще не присутні, це може бути контрпродуктивним. Генеральний директор компанії "Тенденції малого бізнесу", Леланд МакФарланд, має кілька порад з усього питання HTML5:

«Пам'ятайте, що ваші клієнти можуть використовувати старі веб-переглядачі. Мова йде не тільки про те, що ви або ваш розробник хочете. Мета повинна полягати в тому, щоб зробити ваш сайт доступним для якомога більшої кількості читачів або глядачів. Якщо деякі з ваших аудиторій не зможуть побачити цю милу анімацію через старіший веб-переглядач, у вас ще є альтернатива, яку вони можуть бачити? Можливо, сторінка з текстом і кілька знімків зображення? Попросіть розробника створити таку альтернативу, щоб кожен міг мати хороший досвід роботи на сайті.

Ваші дані Analytics для вашого веб-сайту (наприклад, Google Analytics) повинні вміти розповідати про типи веб-переглядачів і пристроїв, які використовує ваша аудиторія. Це повинно дати деяке уявлення про те, якими є потреби вашої аудиторії. Одним з ваших перших міркувань має бути забезпечення того, що вони хочуть і потребують. Але також врахуйте, якою буде нова аудиторія подобається залучити. Наприклад, HTML5 зможе залучати та зберігати більше людей за допомогою пристроїв Apple.

HTML5 - це майбутнє, яке може додавати додаткові функції до присутності в Інтернеті. Як власник або менеджер малого бізнесу, це допоможе, якщо ви випередите криву, дізнайтеся більше про HTML5 і почніть планувати, як його використовувати.

HTML-зображення через Shutterstock; скріншоти

Більше в: Що таке 7 Коментарі ▼