WEB-нотатки - записник он-лайн

З HTML5 легко.

Новий доктайп можна легко запам"ятати:

Code

<! DOCTYPE html>

Зручні структурні елементи:

Code

Елемент групує тематичні блоки. section можуть бути вкладені одна в одну.

Code

Заголовок документу.

Code

Зазвичай включає копірайт або що.

Code

<nav>

Визначає область навігаці.

Code

Окремий запис у блозі або стаття на сайті.

Code

<aside>

Вторинний контент, зазвичай знаходиться в стороні від основного.

В Internet Explorer ці елементи не підтримуються. Але за допомогою чарівного javascript він починає розуміти.

Code

Всі елементи є інлайновими по замовчуванню, тому пишем CSS:

Code

header,
nav,
section,
article,
aside,
footer {
  display: block
}

Кістяк документу в HTML5 виглядатиме приблизно ось так:

Code

<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>Simple HTML5 blog</title>
  
  <style>
  styles
  </style>
</head>
<body>
<header>
  blog header
</header>
<nav>
  navigation
</nav>
<section>
  <article>
  <header>
  Article header
  </header>
  Article
  </article>
  <article>
  <header>
  Article header
  </header>
  Article
  </article>
</section>
<aside>
  sidebar content
</aside>
<footer>
  copyright
</footer>
</body>
</html>

DEMO