HTML5 таблица на елементите

   HTML5 е последната версия на структурния език за създаване на уеб страници HTML - Hypertext Markup Language. При него се въвеждат доста нови тагове, които правят уеб сайтовете по-функционални и независими от платформата н допълнителни програми.

Някои от Вас помнят какво представляваха уеб страниците при първата версия на HTML - огромни докменти от по 1000 - 2000 реда, които могат дабъдат прочетени само чрез скролване на страницата. Казвам прочетени, а не разгледани защото проста нямаше никаква мултимедия.

По-късно се въвежда

<a> тага за хипервръзки, койот променя вида на сайтовете коренно. Вече вместо една страница с хиляди редове, имаме десетки страници с по стотина реда. Вече информацията става лесно достъпна и приятна за четене.

По-късно се съвежда и тага, който позволява вмъкване на изображение, а в HTML4 вече може да се въвежда и флаш съдържание. По този начин HTML се развива и разраства малко по малко за да се стигне до днешния му вид - уеб сайтовете предоставят едно страхотно изживяване за потребителя, наподобяват живи и разумни същества, които отговарят на всяка потребителска реакция. Да обаче е много трудно да намерим синтезирана информация на едно място. Точно това ни накара да създадем така наречената "периодична таблица" на HTML5 елементите, която съдържа абсолятно всички тагове от първата до последната версия на езика. Това е доста удобен наръчник за всеки начинещ уеб дизайнер. В рамките на една таблица може да намери всеки таг на езика и неговото описание.

Също както Менделеевата таблица съдържа абсолютно всички химически елементи, така и нашата таблица съдържа абсолютно всички HTML тагове. От пълната информация за даден таг Ви дели замо един клик. Е тук няма да намерите валентността на таговете или броя на атомите в тях, но пък много от останалите неща са взаимствани от оригинала. Таговете са разделени на групи за още по-бързото ориентиране при търсене. Има си група на тагове за форматиране на текст, тагове за вмъкване на съдържание, тагове за метаинформация и много други.

Когато търсим информация за HTML5 винаги намираме безполезни статии, описващи няколко от нововъведените тагове при HTML5 от рода на

<article>, <video> и други. Повечето от тях даже го дефинират като HTML4+. Да обаче начинещите уеб дизайнери не искат да научат само новото в HTML5 и после старите версии на езика по отделно. HTML5 даже не потдържа някои от старите тагове, които разработчиците са решили че са безполезни или няма нужда да се използват за в бъдеще. Точно за това света на дизайнерите има нужда от един такъв интерактивен каталог на всички тагове, където винаги може да провери, каквото му е нужно.

Кратка инструкция за употреба на таблицата

Не че е ядрена физика но все пак някои потребители може да не се ориентират как точно се използва таблицата. Първоначално си избирате елемент от таблицата. За да научите повечко за него просто кликате върху полето му. Ще изкочи прозорец, който описва за какво се използва този таг и кои са атрибутите, които може да му приложим. След като сте го разгледали може да затворие досадния прозорец или да прегледате някой друг преди това. Ако пък сте видяли непознат таг в кода на някой уеб сайт и не сте сигурни точно в коя категория спада Ви препоръчвам да използвате търсачката на браузъра Ви (ctr+f). Тя ще селектира въпросния елемент вместо да кръстосвате поглед през цялата таблица.

Малко повече за HTML5

За много от консервативните уеб дизайнери HTML5 е HTML4+ или още по-лошо HTML (и допълнителни неща, които не използвам). Освен че вече може да въвеждаме музика и филми също толкова лесно като картинките, уеб сайта ни вече ще се възпроизвежда от мобилни телефони и таблети без проблем. Това е основната му цел - да направи сайтовете достъпни от всякакви устройства. Друго нововъведен таг, на който не се обръща достатъчно внимание е canvas. Това всъщност е div, който може да бъде програмиран. Може да изчертаваме различни фигури в него. И това не е единствения елемент, който "говори" с JavaScript. Много от таговете са пригодени за лесна работа с JavaScript, като целта е страниците да стават все по-функционални без да има нужда от вграждане на flash или Java съдържание, което изисква излишно теглене на плъгини. Сега единственото, коеот Ви остава, за да продължите да опознавате HTML5 е да разгедате самата таблица като кликнете тук.

Назначете консултация

Интересни теми