У тым ліку старых 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> | верхні індэкс | |||||||||||||||||||||||||
|