HTML 5
Світ перекладів : Технічна документація
7 Лист 2012, 18:22
0
3927
HTML 5 - не просто мова розмітки гіпертексту, а абсолютно нова платформа, для створення web додатків, які використовують анімацію, аудіо, графіку, відео і т. д. У порівнянні з XHTML в HTML 5 з'явилися нові елементи і атрибути. На сьогоднішній день HTML 5 має статус рекомендації, ну а нові теги зараз розпізнають лише деякі новітні версії браузерів: Google Chrome, Firefox.
| Тег | Опис |
| <article> | З його допомогою задаємо контент нашого вебсайту: записи в блозі та на форумі, статті, новини і т. д. |
| <aside> | З його допомогою задаємо блок, що розташований збоку від основного контенту. Цей блок, найчастіше, називають бічною панеллю, сайдбаром. |
| <audio> | Даний тег на веб-сторінці додає, а також відтворює та дозволяє управляти налаштуваннями аудіо-запису. |
| <canvas> | Даний тег створює на веб-сторінці область, де за допомогою JavaScript ви зможете намалювати малюнки, створити анімацію, ігри і т. д. |
| <command> | Даний тег створює команду у вигляді звичайної кнопки, перемикача або прапорця. |
| <datalist> | Даний тег створює список варіантів, які ви можете потім вибрати під час набору в текстовому полі. |
| <details> | Його використовують для зберігання інформації, яка повинна бути прихованою або показаною тільки на вимогу користувача. |
| <figcaption> | У цьому тезі міститься опис тега <figure>. <figcaption> повинен бути або першим або останнім елементом у групі. |
| <figure> | Потрібен для групування елементів, наприклад, малюнків та їх підписів. |
| <footer> | Цей тег вказує футер (підвал) вебсайту або його розділу, тут можна розмістити: дату створення документа, ім'я автора, контактну або ж правову інформацію. |
| <header> | Вказує хедер (шапку) вебсайту або його розділу, де, найчастіше розміщують заголовок. |
| <hgroup> | Його використовують для групування заголовків сторінок або їх розділів. Усередині цього тега розміщують теги заголовків <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. |
| <keygen> | Потрібен для для генерації пари ключів: відкритого та закритого, які в свою чергу потрібні для створення та перевірки цифрового підпису, шифрування і розшифровки даних. |
| <mark> | Він позначає текст на веб-сторінці як виділений. Цей текст абсолютно ідентичний звичайному тексту на тій же сторінці. У браузері Firefox та Google Chrome колір фону тексту всередині тегу <mark> виділяється жовтим кольором. |
| <menu> | Потрібний для відображення списку пунктів меню. Також як і теги <ol> та <ul>, тег <menu> формується за допомогою тегів <li>. |
| <meter> | Потрібний для виведення значення в певному відомому вам діапазоні (значення тиску, кількість результатів пошуку, об'єм рідини і т. д.) |
| <nav> | Задає навігацію по вебсайту. У тому випадку, коли на веб-сторінці розміщено кілька блоків посилань, в тег <nav> потрібно помістити найважливіші посилання. На сторінці дозволяється розміщувати декілька тегів <nav>, але забороняється розміщувати його всередину тега <address>. |
| <output> | Показує ту область сторінки в якій буде виводиться інформація, в більшості випадків за допомогою скриптів. |
| <progress> | Потрібний для відображення прогресу виконання якогось завдання. Сама зміна значень відбувається за допомогою JavaScript. |
| <rp> | Його використовують для виведення тексту в тих браузерах, що не підтримують тег <ruby>. Відповідно у всіх інших браузерах текст, який розміщений в контейнері <rp> </ rp>, не буде відображатися. Тег <rp> повинен стояти або перед тегом <rt>, або після нього. |
| <rt> | Додає анотацію або зверху, або знизу від тексту, який поміщений в контейнер <ruby>. Така анотація відображається зменшеним шрифтом. |
| <ruby> | Призначений для додавання анотації або зверху, або знизу від основного тексту (використовується в основному в китайській, японській, корейській мовах). <ruby> є контейнером тегу <rt>. |
| <section> | Потрібний для того щоб задати той розділ документу, в який швидше за все будуть додані заголовки, шапка, текст і підвал. Можна один тег <section> вкладати всередину іншого. |
| <source> | Потрібний для вставки відео-або аудіо файлу для тегів <video> та <audio>. |
| <summary> | Призначений для вказівки заголовка для тега <details>, клацнувши по якому можна розгортати/згортати інформацію. Тег <summary> повинен стояти найпершим всередині тегу <details>. |
| <time> | Позначає текст всередині тегу <time> у вигляді дати, часу або обох значень. Може також задаватися через атрибут "datetime". |
| <video> | Даний тег на веб-сторінці додає, відтворює, а також дозволяє управляти налаштуваннями відеоролика. |
| <wbr> | Він вказує браузеру те місце на сторінці, де можна зробити перенесення рядка, в тому випадку якщо цього потребує батьківський елемент. |