HTML 5

0
2996

html5 теги, html5

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> Він вказує браузеру те місце на сторінці, де можна зробити перенесення рядка, в тому випадку якщо цього потребує батьківський елемент.

Відео: "Сайти зроблені на HTML5"

Автор: Світ перекладів
ОЦІНИТИ НОВИНУ
5 (голосів: 1)

Цікаве по темі:

Більше новин

Комментарии:

ВВЕРХ