Базовий шаблон HTML

Якось мені знадобилось створити швидко 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>

Але не потрібно вже писати лішнього.

Висновки

Ось так, з плином часу і розвитком технологій і стандартів, код стає простішим і більш зрозумілим. Економиться місце і трафік.

1 Star2 Stars3 Stars4 Stars5 Stars (Еще нет оценки, будьте первым)
Loading...
стрілка

Понравилась статья? Подпишись на обновления блога, и получай самую свежую информацию на свой e-mail!

Свежая информация в сфере SEO:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

Я spam бот