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> |
Теги: |
|
Останні Новини
-
23-12-2016 Одесский юмор
- Доктор, ну... что меня ждёт? - Таки будем закапывать... - Как закапывать?! Прямо в землю? - Да шо ви, пока капли в глаза...
13-10-2016 Розвиток та підтримка веб-проектів : Развитие и поддержка веб-проектов : Development and maintenance of web projects
Розвиток та підтримка веб-проектів + 38 (067) 503-52-13 : Развитие и поддержка веб-проектов : Development and maintenance of web projects
29-09-2016 Як дізнатися історію сайту : Как узнать историю сайта : How do you know the history of the site
Як дізнатися історію сайту : Как узнать историю сайта : How do you know the history of the site - Ви часто замислювалися про те, чи є історія у сайтів? На це є відповідь, що вона таки є, і її можна подивитися.
23-09-2016 Одесский юмор
Стук в дверь: — Здесь живет Рабинович? Голос из-за двери: — Разве это жизнь?
04-02-2016 Блог тестувальника : Блог тестировщика : blog tester
Блог тестувальника di_di : пройшовши певний досвід спілкування з курсами (it-labs привіт), що наведені в Україні, з'явилася ідея максимально упорядкувати, переробити та подати українською мовою все почуте там ...