- •Розробка Web-сайту за допомогою html5
- •Завдання на дипломне проектування
- •Загальний розділ
- •1.1 Гіпертекст
- •1.2 Синтаксис html
- •Ці елементи можуть розташовуватися в будь-якому місці Інтернет-сторінки. Ознакою коментаря служить знак оклику, а текст коментаря повинен обрамлятися подвійним дефісом.
- •Розробка технічного та робочого проекту
- •2.1 Основні відомості про html5
- •Позитивні сторони html5
- •2.3 Недоліки html5
- •Приклад реалізації ігор на html5
- •2.5 Приклади реалізації додатків
- •2.6 Порівняння браузерів щодо html5
- •5. Охорона праці та безпека життєдіяльності
- •Висновки
- •Література
Позитивні сторони html5
Підвищена безпека
В даний час, використовуваний безліччю Web-сайтами тег iframe містить в собі явну загрозу безпеці для користувача системи. Справа в тому, що функцією цього тега є відображення контенту з іншого сайту, наприклад в плані реклами або відомостей про стан будь-яких даних. Але якщо сайт, що передає таку інформацію піддасться злому, з'являється велика ймовірність того, що зловмисники через нього направлять шкідливий код на сайт-приймач, який і піддасть його користувачів небезпеки зараження вірусом.
У HTML5, щоб уникнути подібної ситуації, для тегів iframe була спроектована технологія Sandbox. Завдяки їй, всі скрипти, що запускаються через iframe працюватимуть в спеціально обмеженою віртуальному середовищі, яка не випустить результати їх роботи за межі браузера, а значить і не зможе вразити призначену для користувача операційну систему. Навіть якщо припустити, що запуск вірусу допомогою цього тега все ж відбудеться, будь-які серйозні наслідки він понести вже не зможе.
Введення даних
У HTML5 стає простіше і безпечніше. Правильність введення даних контролюється в режимі реального часу безпосередньо під час введення. У HTML4.0 перевірка помилок і повідомлення про них відбувається вже після відправки документа, що може створювати проблеми користувачам.
Відео та аудіо
Для того, щоб відтворити відео або аудіо потік, в браузері користувачеві доводиться вдаватися до допомоги все тієї ж Flash технології, необхідні в HTML4.0.
Браузерам для цього доводитися постійно користуватися Flash програвачами, а також завантажувати постійні оновлення від Adobe для цієї технології, без яких користувачі сильно ризикують заразити свої комп'ютери вірусами через проломи в старих версіях Flash.
HTML5 покликаний нарешті позбавити браузери від цих додаткових програм і дати їм можливість повноцінного відтворення аудіо та відео контенту своїми силами. Для цього в HTML5 коді передбачені спеціальні теги, такі як <video> і <audio>. Втім, у цього нововведення є і свої недоліки, наприклад відсутність єдиного стандарту для відеокодеків, що не сприяє поки широкому поширенню цієї зручною для користувача і Web-розробників технології .
Багаторазове збільшення швидкості роботи
Складно уявити сучасні Web-сайти без великого числа інтерактивних форм, відео та аудіо вставок, анімованих графічних елементів і різного роду оживляючих Web-сайт програм-скриптів. Звичайно, потужності сучасних обчислювальних машин цілком вистачає, щоб обробляти таку величезну кількість елементів Web-сторінки, але Інтернет технології не стоять на місці, і чим більше буде розвиватися візуалізація, інтерактивність і якість медіа -інформації, тим вище будуть вимоги до «заліза » користувача.
Звичайно ж, проектувальники HTML5 не могли обійти цю проблему стороною. Новий стандарт забезпечує підтримку багатопоточності, яку іменували як Web Works. Таким чином, сучасні багатоядерні системи отримують можливість паралельно виконувати обробку скриптів і тим самим збільшити швидкість роботи сайту на кілька порядків залежно від його конструкції і складності.
Технология Web Storage
Користувачі комфортно працюють з тими сайтами, які здатні зберігати зміни в налаштуваннях, наприклад для зовнішнього вигляду простору.
Для того, щоб зберегти яку інформацію про дії користувача сайт зазвичай користується технологією cookies, яка дозволяє зберігати на комп'ютері відвідувача текстовий файл зі своїми даними.
Технологія Web Storage для HTML5 затьмарить cookies своїми можливостями тільки тому, що представляє з себе не форматно обмежений текстовий файл, а спеціально орієнтовану базу даних для різних видів інформації. Тепер в такій базі сайт може зберігати не тільки окремі настройки сайту, а цілі фрагменти його коду, що дозволить працювати з Web-додатками навіть за відсутності підключення до мережі Інтернет.
Структурні можливості HTML5
Роблять структуру Web-документа простішою, а код чистішим. Нові
семантичні елементи header, nav, section, article, aside і footer можуть використовуватися замість контейнерів div, що застосовуються зараз в HTML4.0. Нові елементи дозволяють більш конкретно описувати заголовок, нижній колонтитул, колонки тексту та інші. Ці нововведення можуть використовуватися для автоматичної генерації змісту та організації більш ефективної і простий навігації по Web-сторінці. Код при цьому стає чистішим і менш засміченим другорядними деталями.
Переваги для кінцевого користувача
З HTML5 життя кінцевого користувача стає помітно легше:
1) Не потрібно установка численних додаткових програм;
2) HTML5, на відміну від HTML4 сумісний, крім ПК і ноутбуків, ще й з планшетами, смартфонами і сучасними моделями телевізорів, які надають доступ в інтернет.
