short html5

<!DOCTYPE html>
<meta charset="utf-8">
<title>Frontend. Заняття 6.</title>
<meta name="format-detection" content="telephone=no">
<link type="text/css" rel="stylesheet" href="css/styles.css">
<div id="mainwrapper">
  <div class="resize">
    <h1>Заняття 6.</h1>
    <p>В HTML4 всі блоки визначалися тегом &lt;div&gt;
    <p>В HTML5 було внесено деякі зміни, більшість часто використовуваних блоків отримали свої аліаси (alias, псевдонім).
    <div class="image"><img src="cat.jpg" alt="cat"></div>
    Цей текст буде "висячим", не матиме батьківського тега &lt;p&gt;, залишати в коді "висячий" текст - поганий стиль верстки.
    <p>Далі наведено приклад списку:
    <ul>
      <li>Елемент списку.
      <li>Ще один елемент списку.
      <li><a href="#">Посилання у списку</a>.
      <li><div>Блок &lt;div&gt; у списку.</div><div>Навіть два.</div>
      <li>Список другого рівня:
        <ul>
          <li>Елемент списку другого рівня.
          <li>Ще один.
        </ul>
    </ul>
    <p>Останній параграф і закриваючі блоки &lt;div&gt;.
  </div>
</div>