HTML 5
Світ перекладів : Технічна документація
7 Лист 2012, 18:22
0
3285
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> | Він вказує браузеру те місце на сторінці, де можна зробити перенесення рядка, в тому випадку якщо цього потребує батьківський елемент. |