У тым ліку старых HTML элементаў і гэтых новым для HTML5
У той час як яго развіццё пачалося шмат гадоў да гэтага, HTML5 першы сапраўды пачалі прыходзіць ва ўжытак з вэб-дызайнераў / распрацоўнікаў у 2010 годзе прама з варот, мова адчуваў знаёмы многім вэб-прафесіяналаў, таму што замест таго, каб спрабаваць вынайсці усё з нуля, HTML5 пабудаваны на тым, што прыйшоў раней. Любы, хто ведае HTML 4,01 хутка выявіў, што зусім няшмат гэтай версіі зараз можна знайсці ў HTML5.
У той час як HTML5 ўключае ў сябе мноства элементаў, якія былі вакол на HTML на некаторы час, ён таксама ўвёў некалькі элементаў, якія былі знаёмыя з HTML5. Для многіх з гэтых новых элементаў, падыход называецца «пракладваюць cowpaths» быў выкарыстаны. Гэта тэрмін, які звычайна выкарыстоўваецца ў ІТ, па сутнасці, азначае, каб паглядзець на тое, што людзі ўжо робяць, і робяць гэта. У выпадку вэб-дызайнераў, гэта азначала, каб убачыць, як яны ўжо будуюць старонкі і для прыняцця рашэнняў у дачыненні да новых элементаў на гэтых мерапрыемствах. Напрыклад, многія вэб-спецыялісты будуць ствараць вэб-сайты з падраздзяленнямі, якія выкарыстоўваюцца ID ці клас атрыбутаў «загаловак», «нав» і «зноску.» Такім чынам, HTML5 ўвёў іх у якасці новых элементаў, што дазваляе вэб-прафесіяналам, каб дадаць больш сэнсу ў свае дакументы, выкарыстоўваючы выдзеленыя секционирования элементаў, а не толькі падраздзяленняў. Такое спалучэнне фамільярнасці і падыход, які прызнаў існуючую практыку дапамагло HTML5 быць хутка ахоплена вэб-дызайн прамысловасцю.
HTML5 Doctype
Па-першае, выкарыстоўваць любыя новыя элементы HTML5, дакумент павінен ўключаць у сябе доктайп HTML5, які:
Вы можаце заўважыць, што гэта доктайп канкрэтна не згадваецца «HTML5», а хутчэй проста сцвярджае версію як «HTML». Гэта адбываецца таму, што гэта доктайп з'яўляецца тое, што прызначана для выкарыстання ў будучыні для ўсіх ітэрацый мовы.
На самай справе, HTML5, як мяркуецца, будуць апошняй пранумараваных версіяй мовы, з новымі зменамі дадаюцца на пастаяннай аснове ў будучыні. На самай справе, некаторыя з элементаў у спісе ніжэй, былі дададзены да мовы таксама пасля гэтага пачатковага штуршка ў 2010 годзе!
У HTML5 тэгі
| тэг | тлумачэнне | |||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Якар або спасылка | ||||||||||||||||||||||||||
| <Схаваў> скар> | скарачэнне | |||||||||||||||||||||||||
| <Адрас> адрас> | Адрас альбо аўтары дакумента | |||||||||||||||||||||||||
| <Вобласць> | Кліенцкая карта малюнка | |||||||||||||||||||||||||
| <Артыкул> артыкулы> | артыкул | |||||||||||||||||||||||||
| <Бок> ўбаку> | Тангенцыйная ўтрыманне | |||||||||||||||||||||||||
| <Аўдыё> аўдыё> | гукавы паток | |||||||||||||||||||||||||
| B> | паўтлусты | |||||||||||||||||||||||||
| <База> | шляху Базавы URI для элементаў у дакуменце | |||||||||||||||||||||||||
| BDO> | двунаправленный алгарытм | |||||||||||||||||||||||||
BLOCKQUOTE> | доўгая цытата | |||||||||||||||||||||||||
| <Цела> body> | цела старонкі | |||||||||||||||||||||||||
| | разрыў радкі | |||||||||||||||||||||||||
| Кнопка <> кнопка> | Кнопка HTML формы | |||||||||||||||||||||||||
| <Палатно> палатно> | Палатно для дынамічнай графікі | |||||||||||||||||||||||||
| каментар | ||||||||||||||||||||||||||
| <Подпіс> подпіс> | табліца тытр | |||||||||||||||||||||||||
| <Цытуюць> цытуюць> | цытаванне | |||||||||||||||||||||||||
| <Код> код> | спасылка Код | |||||||||||||||||||||||||
| <Цв> | слупок табліцы | |||||||||||||||||||||||||
| | Табліца слупка групоўкі | |||||||||||||||||||||||||
| <Каманда> | Каманда ці дзеянне на старонцы | |||||||||||||||||||||||||
| вызначэнне тыпу дакумента | ||||||||||||||||||||||||||
| | сетка дадзеных | |||||||||||||||||||||||||
| Папярэдне пэўныя параметры для іншых элементаў кіравання | ||||||||||||||||||||||||||
| <Дд> дд> | Вызначэнне Апісанне спісу або дыяпазону дыскурсу | |||||||||||||||||||||||||
| | выдалены тэкст | |||||||||||||||||||||||||
| <Падрабязна> Дэталі> | Дадатковая інфармацыя па запыце | |||||||||||||||||||||||||
| DFN> | вызначэнне | |||||||||||||||||||||||||
| <Дыялог> дыялог> | размова | |||||||||||||||||||||||||
| DIV> | лагічнае дзяленне | |||||||||||||||||||||||||
| <Дл> дл> | апісанне спісу | |||||||||||||||||||||||||
| <Да й> Да й> | Тэрмін Спіс азначэнняў або дыялог дынамік | |||||||||||||||||||||||||
| EM> | акцэнт | |||||||||||||||||||||||||
| Убудаваны элемент для ўбудоў | ||||||||||||||||||||||||||
| група кіравання формаў | ||||||||||||||||||||||||||
| | Загаловак выкарыстоўваецца для элемента <малюнак> | |||||||||||||||||||||||||
| <Лічба> лічба> | Малюнак з дадатковым загалоўкам | |||||||||||||||||||||||||
| <Калантытул> калантытул> | Ніжні калантытул старонкі | |||||||||||||||||||||||||
| <Форма> форма> | форма | |||||||||||||||||||||||||
h1> | Першы загаловак ўзроўню | |||||||||||||||||||||||||
h2> | Другі ўзровень загалоўка | |||||||||||||||||||||||||
h3> | Трэці загаловак ўзроўню | |||||||||||||||||||||||||
h4> | Чацвёрты загаловак ўзроўню | |||||||||||||||||||||||||
h5> | Пяты загаловак ўзроўню | |||||||||||||||||||||||||
h6> | Шосты загаловак ўзроўню | |||||||||||||||||||||||||
| HEAD> | кіраўнік дакумента | |||||||||||||||||||||||||
| <Загаловак> загаловак> | загаловак старонкі | |||||||||||||||||||||||||
| HGroup> | загаловак групы | |||||||||||||||||||||||||
| <Ч> | гарызантальнае становішча | |||||||||||||||||||||||||
| html> | Каранёвай элемент вэб-старонкі | |||||||||||||||||||||||||
| <Я> I> | стыль тэксту Курсіў | |||||||||||||||||||||||||
| убудаваны каркас | ||||||||||||||||||||||||||
| | малюнак | |||||||||||||||||||||||||
| <Уваход> | Ўваходных элемент формы | |||||||||||||||||||||||||
| <Ўваходных тып «Кнопка" => | Кнопка элемент формы | |||||||||||||||||||||||||
| <Тып уваходнага = «сцяжок»> | Форма элемент чекбоксы | |||||||||||||||||||||||||
| <Уваходны тып = "колер"> | колер ўваход | |||||||||||||||||||||||||
| <Тып уваходнага = "Дата»> | дата ўводу | |||||||||||||||||||||||||
| <Уваходны тып = "DateTime"> | Глабальная дата і час ўводу | |||||||||||||||||||||||||
| <Тып уваходнага = "DateTime-мясцовы"> | Мясцовыя дата і час ўводу | |||||||||||||||||||||||||
| <Уваходны тып = "электронная пошта"> | уваход E-mail адрас | |||||||||||||||||||||||||
| <Уваходны тып = "Файл»> | Файл форма загрузкі элемента | |||||||||||||||||||||||||
| <Тып уваходнага = «схаваныя»> | элемент поля ўтоенай формы | |||||||||||||||||||||||||
| <Тып уваходнага = «малюнак»> | Форма выявы элемента | |||||||||||||||||||||||||
| <Уваходны тып = «месяц»> | Год і месяц ўводу | |||||||||||||||||||||||||
| <Тып уваходнага = «колькасць»> | ўвод нумары | |||||||||||||||||||||||||
| <Уваходны тып = «пароль»> | Форма Пароль элемент | |||||||||||||||||||||||||
| <Тып уваходнага = "радыё»> | Радыё кнопкі элемент формы | |||||||||||||||||||||||||
| <Тып уваходнага = "Дыяпазон»> | Недакладны ўвод нумары | |||||||||||||||||||||||||
| <Тып уваходнага = «Скід»> | Кнопка скіду элемент формы | |||||||||||||||||||||||||
| <Уваходны тып = «пошук»> | поле пошуку | |||||||||||||||||||||||||
| <Уваходны тып = "адправіць»> | Кнопку Адправіць форму элемента | |||||||||||||||||||||||||
| <Тып уваходнага = «тэл»> | ўвод нумары тэлефона | |||||||||||||||||||||||||
| <Уваходны тып = "тэкст"> | Тэкставае поле формы элемента | |||||||||||||||||||||||||
| <Тып уваходнага = «час»> | увод часу | |||||||||||||||||||||||||
| <Уваходны тып = "URL"> | URL ўводу | |||||||||||||||||||||||||
| <Уваходны тып = «тыдзень»> | Год і тыдзень ўводу | |||||||||||||||||||||||||
| INS> | пастаўлены тэкст | |||||||||||||||||||||||||
| KBD> | Тэкст будзе ўводзіцца карыстальнікам | |||||||||||||||||||||||||
| <Серыйнік> | Ствараць бяспечныя ключы для кіравання сертыфікатамі | |||||||||||||||||||||||||
| <Пазнака> пазнака> | форма этыкеткі | |||||||||||||||||||||||||
| <Легенда> легенда> | Форма FIELDSET подпіс | |||||||||||||||||||||||||
| | элемент спісу | |||||||||||||||||||||||||
| <Спасылка> | Спасылка на адпаведныя дакументы | |||||||||||||||||||||||||
| <Галоўная> галоўная> | Асноўны напрамак кантэнту на старонцы | |||||||||||||||||||||||||
| <Карта> карта> | Кліенцкая карта малюнка | |||||||||||||||||||||||||
| <Пазнака> пазнака> | Адзначаны або вылучаны тэкст | |||||||||||||||||||||||||
| <Меню> Меню> | спіс каманд | |||||||||||||||||||||||||
| Мета інфармацыя аб дакуменце | ||||||||||||||||||||||||||
| <Лічыльнік> м> | скалярны калібр | |||||||||||||||||||||||||
| <Нав> нав> | Вызначыць тую вобласць, з навігацыйнымі спасылкамі | |||||||||||||||||||||||||
| Змесціва, калі скрыпты не даступныя | ||||||||||||||||||||||||||
| <Аб'ект> Аб'ект> | нестандартны аб'ект | |||||||||||||||||||||||||
| <Ол> ЮЫ> | Спарадкаваны спіс або нумараваны | |||||||||||||||||||||||||
| Група опцый у спісе выбару | ||||||||||||||||||||||||||
| <Опцыя> варыянт> | Опцыя ў спісе выбару | |||||||||||||||||||||||||
| <Выхад> высновы> | Вынік разліку формы | |||||||||||||||||||||||||
| <Р> р> | пункт | |||||||||||||||||||||||||
| Параметр элемента аб'екта | ||||||||||||||||||||||||||
| <Папярэдне> PRE> | Папярэдне адфарматаваны тэкст | |||||||||||||||||||||||||
| <Прагрэс> прагрэс> | індыкатар ходу | |||||||||||||||||||||||||
| <Д> в> | Кароткія радныя цытаты | |||||||||||||||||||||||||
| <РП> тр> | рубін дужка | |||||||||||||||||||||||||
| лал тэкст | ||||||||||||||||||||||||||
| <Рубін> лал> | рубін анатацый | |||||||||||||||||||||||||
| | Strikeout тэкст | |||||||||||||||||||||||||
| SAMP> | прыклад высновы | |||||||||||||||||||||||||
| <Скрыпт> скрыпт> | сцэнары | |||||||||||||||||||||||||
| <Раздзел> падзел> | Раздзел старонкі | |||||||||||||||||||||||||
| <Выбраць> абярыце> | Вылучыце або расчыняецца спіс меню | |||||||||||||||||||||||||
| <Маленькі> маленькі> | Малы памер шрыфта | |||||||||||||||||||||||||
| <Крыніца> | крыніца СМІ | |||||||||||||||||||||||||
| SPAN> | Кантэйнер універсальны ўнутраны стыль | |||||||||||||||||||||||||
| <Моцны> STRONG> | моцны акцэнт | |||||||||||||||||||||||||
| <Стыль> стыль> | табліцы стыляў | |||||||||||||||||||||||||
| <Суб> суб> | індэкс | |||||||||||||||||||||||||
| <Рэзюмэ> рэзюмэ> | Кароткі змест элементаў падрабязная | |||||||||||||||||||||||||
| SUP> | верхні індэкс | |||||||||||||||||||||||||
|