Включва стари HTML елементи и тези, които са нови за HTML5
Докато разработката му е започнала много години преди това, HTML5 започна да се използва най-често с уеб дизайнери / разработчици през 2010 година. Веднага от портата езикът се чувства познат на много уеб специалисти, защото вместо да се опитва да преоткрие всичко от самото начало, HTML5 въз основа на предходното. Всеки, който знае HTML 4.01, бързо откри, че доста малко от тази версия вече може да се намери в HTML5.
Въпреки че HTML5 съдържа много елементи, които са били в HTML за известно време, той също така представи няколко елемента, които бяха нови за HTML5. За много от тези нови елементи беше използван подход, наречен "подготвяне на конете". Това е термин, който обикновено се използва в областта на информационните технологии, за да означава по същество да се погледне какво правят хората и да правят това. В случая на уеб дизайнерите това означаваше да се види как вече са били изграждани страници и да се основават решения на нови елементи за тези дейности. Например, много уеб специалисти ще изградят уеб сайтове с отделения, които използват атрибути ID или Class на "header", "nav" и "footer". HTML5 ги представя като нови елементи, което позволява на специалистите в мрежата да придадат по-голямо значение на своите документи, като използват отделни елементи за разделяне вместо просто разделяния. Тази комбинация от познания и подход, който признава настоящите практики, помогна на HTML5 бързо да бъде прегърнат от индустрията за уеб дизайн.
Документът HTML5
Първо, за да използвате всеки нов елемент на HTML5, вашият документ трябва да съдържа HTML доктограма, който е:
Може да забележите, че този доктейп не споменава конкретно "HTML5", а по-скоро просто посочва версията като "html". Това е така, защото това доктоп е това, което е предназначено да бъде използвано за всички итерации на езика.
Всъщност HTML5 се предполага да бъде последната номерирана версия на езика, като в бъдеще се добавят нови промени на последователна основа. Всъщност някои от елементите в списъка по-долу са добавени към езика и след първоначалното му натискане през 2010 г.!
Маркерите HTML5
свободен край | обяснение |
---|---|
Котва или връзка | |
abbr> | съкращение |
<адрес> адрес> | Адрес или автори на документа |
<област> | Карта на изображението от страна на клиента |
<Статия> Article> | статия |
<Настрана> настрана> | Тангенциално съдържание |
<Аудио> аудио> | Аудио поток |
b> | смел |
<База> | Базови URI пътища за елементи в документа |
bdo> | Двупосочен алгоритъм |
blockquote> | Дълго цитиране |
body> | Тяло на страницата |
| Нов ред |
<бутон> бутон> | Бутон за HTML формат |
<Платно> платно> | Платно за динамична графика |
коментар | |
| Таблица надпис |
cite> | Цитат |
code> | Позоваване на кода |
<Колона> | Колона в таблицата |
| Групиране на колоните в таблицата |
<Команда> | Команда или действие на страницата |
Дефиниране на типа документ | |
| Решетка за данни |
Предварително дефинирани опции за други контроли | |
| Описание на описанието на определението или обхват на дискурса |
| Изтрит текст |
<Детайли> детайли> | Допълнителна информация по заявка |
dfn> | дефиниция |
<Диалогов> диалогов> | разговор |
div> | Логическо разделение |
| Списък с описания |
| Дефиниране на термина списък или диалог говорител |
em> | ударение |
<Вграждане> | Вграден елемент за приставки |
Група за контролиране на формули | |
| Надписът се използва за елемент |
<Фигура> фигура> | Фигура с незадължителен надпис |
<Долния> долния> | В долната част на страницата |
форма | |
h1> | Заглавие на първо ниво |
h2> | Заглавие на второ ниво |
h3> | Заглавие на трето ниво |
h4> | Заглавие на четвърто ниво |
h5> | Заглавие на пето ниво |
h6> | Шест ниво заглавие |
head> | Ръководител на документа |
<Глава> глава> | Заглавие на страница |
hgroup> | Група заглавия |
<Ч> | Хоризонтално правило |
html> | Основен елемент на уеб страница |
i> | Стилизиран текстов стил |
Вградена рамка | |
Изображение | |
<Вход> | Елемент от формата за въвеждане |
Елемент от формата на бутоните | |
Елемент от формуляра за проверка | |
<въведение тип = "цвят"> | Вход за цвят |
<въведение тип = "дата"> | Въвеждане на дата |
Глобално въвеждане на дата и час | |
Локално въвеждане на дата и час | |
Въвеждане на имейл адрес | |
Елемент от формуляра за качване на файл | |
Елемент на поле с форма на скрит елемент | |
Елемент от формата на изображението | |
Въвеждане на година и месец | |
Въвеждане на номер | |
<въведение тип = "парола"> | Елемент от формата на паролата |
Елемент за формата на радио бутона | |
Непосредствено въвеждане на номер | |
Елемент за форма на бутон за нулиране | |
Поле за търсене | |
Изпратете елемента за формата на бутона | |
Въвеждане на телефонен номер | |
Елемент от формата на текстовото поле | |
Време за въвеждане | |
<въведение тип = "url"> | Въвеждане на URL адрес |
Вход за година и седмица | |
ins> | Вмъкнат текст |
kbd> | Текст, който трябва да бъде въведен от потребителя |
<Търсения> | Генерирайте сигурни ключове за управление на сертификати |
Етикет на формуляра | |
<легенда> легенда> | Форматиране на текста на полето |
| Елемент от списъка |
<Връзка> | Връзка със свързани документи |
| Основна област на съдържанието на страницата |
Карта на изображението от страна на клиента | |
<Знак> марка> | Маркиран или подчертан текст |
<меню> меню> | Списък на командите |
<Мета> | Мета информация за документа |
<М> м> | Скаларен габарит |
Определете област с навигационни връзки | |
Съдържание, когато скриптовете не са налице | |
Нестандартен обект | |
| Подреден или номериран списък |
Група от опции в избрания списък | |
<опция> опция> | Опция в избрания списък |
<Мощност> изход> | Резултат от изчислението на формуляра |
p> | параграф |
<Параметри> | Параметър на елемент на обект |
pre> | Предварително форматиран текст |
<Напредък> прогрес> | Индикатор за напредъка |
q> | Кратка инлайн котировка |
Ruby скоби | |
<Стайна температура> стайна температура> | Текст на рубин |
<Рубин> рубин> | Анотация на Ruby |
| Strikeout текст |
samp> | Изходен изход |