D@D group

HTML5 Синтаксис : HTML5 Syntax

HTML 5 мова має традиційний HTML синтаксис, який сумісний для HTML 4 і XHTML1 документів, опублікованих в Інтернеті, але не сумісний з більш езотеричними особливостями SGML в HTML 4.

HTML 5 не мають ті ж синтаксичні правила, як XHTML, де ми були потрібні менші імена, якщо тег, цитуючи наші атрибути, атрибут повинен мати значення і закрийте всі порожні елементи.

Але HTML5 йде з великою кількістю гнучкості і буде підтримувати наступне:

  • Прописні імена тегів.

  • Котирування є обов'язковими для атрибутів.

  • Значення атрибутів є обов'язковими.

  • Закриття порожні елементи не є обов'язковими.

DOCTYPE:

DOCTYPEs в старих версіях HTML були довші, бо HTML мова SGML основі і, отже, потрібно посилання на DTD.

 

<!DOCTYPE html>

Весь синтаксис чутливий до регістру.

Кодування символів:

HTML 5 автори можуть використовувати простий синтаксис для вказівки кодування символів наступним чином:

<meta charset="UTF-8">

HTML5 Атрибути:

Елементи можуть містити атрибути, які використовуються для установки різних властивостей елементу.

Деякі атрибути визначені глобально і можуть бути використані у будь-якому елементі, а інші визначені тільки для певних елементів. Усі атрибути мають ім'я і значення та виглядають як, як показано нижче у прикладі.

Нижче приклад атрибути HTML5, який показує, як для розмітки DIV елемент з атрибутом імені класу за допомогою значення "прикладі":

<div class="example">...</div>

Атрибути можуть бути вказані тільки в початкових тегах і ніколи не повинні бути використані в кінцевих тегах.

Атрибути HTML5 не чутливі до регістру і можуть бути записані у верхньому регістрі або змішаному регістрі, хоча найбільш поширено розробники дотримуються нижнього регістру.

HTML5 документа:

Наступні теги були введені для поліпшення структури:

  • section: Цей тег являє собою загальний документ або додаток розділу. Він може бути використаний спільно з H1-H6 для вказівки структури документа.

  • article: Цей тег являє собою самостійну частину вмісту документа, такі як запис у блозі або газетній статті.

  • aside: Цей тег являє собою шматок контенту, який лише незначно, пов'язаний з іншою частиною сторінки.

  • header: Цей тег являє собою заголовок розділу.

  • footer: Цей тег представляє собою нижній колонтитул розділу, і може містити інформацію про автора, інформацію про авторські права тощо.

  • nav: Цей тег представляє розділ документа, призначений для навігації.

  • dialog: Цей тег може бути використаний для розмітки діалогу.

  • figure: Цей тег може бути використаний, щоб зв'язати заголовок з деяким вбудованим змістом, таким як графіка або відео.

Розмітка для HTM 5 документа буде виглядати наступним чином:

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>...</title>
</head>
<body>
  <header>...</header>
  <nav>...</nav>
  <article>
    <section>
      ...
    </section>
  </article>
  <aside>...</aside>
  <footer>...</footer>
</body>



Теги:




 




Останні Новини




pisture

Телефонуйте: +38 (067) 503-52-13