Якось мені знадобилось створити швидко 1 сторінку – сайт. Для того щоб не копіювати, я знайшов в англійському гуглі шаблон HTML5, який і використав для створення сторінки. Перевага HTML5 від HTML в тому, що треба писати менше директив і не вказувати уже не потрібні речі. Отже …. ось шалон:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Salomoon</title>
<meta name="description" content="The HTML5 Salomoon">
<meta name="author" content="Salomoon">
<link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>
<script src="js/scripts.js"></script>
</body>
</html>
Розглянемо тепер основні відмінності HTML5 від HTML
Тег Doctype
Якщо ви пам’ятаєте, то колись давно цей тег провисувався подібно до цього
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Цей огидний код лякав усіх, і не був зрозумілий нікому. Зараз його відмінили, а ми можемо економити пару байтів трафіку і не завантажувати користувачу лишньої інформації.
head
елемент
Перший тег цього елементу визначає кодування сторінки. Рініше він також був дещо складнішим, можливо ви раніше писали так
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
зараз же достатньо прописати meta charset="utf-8"
і все. Цього достатньо.
Зміна javascript
Що стосується цього елементу, то більше не потрібно вписувати type="text/javascript"
. Тому що усі сучасні браузери виконують на сторінці тільки javascript, не залежно від того що ви там напишете. Та й інших скриптових мов рівня веб сторінка я не знаю. Тому можливо ви ще пишете так
<script src="js/scripts.js" type="text/javascript"></script>
Але не потрібно вже писати лішнього.
Висновки
Ось так, з плином часу і розвитком технологій і стандартів, код стає простішим і більш зрозумілим. Економиться місце і трафік.