HTML тагове: пълен справочник

Тук ще намериш всички основни HTML тагове, които се използват в реални уеб проекти. Всеки таг има отделна страница с обяснение, примери и практични насоки.

Избери таг от списъка по-долу и отвори детайлите му. Ако учиш HTML от нулата, започни с най-често използваните: <html>, <head>, <body>, <header>, <main>, <section>, <article>, <a>, <img> и <form>.

Индекс по букви

A B C D E F H I K L M N O P Q R S T U V W

A

7 тага
a abbr address area article aside audio

B

8 тага
b base bdi bdo blockquote body br button

C

6 тага
canvas caption cite code col colgroup

D

10 тага
data datalist dd del details dfn dialog div dl dt

E

2 тага
em embed

F

6 тага
fencedframe fieldset figcaption figure footer form

H

11 тага
h1 h2 h3 h4 h5 h6 head header hgroup hr html

I

5 тага
i iframe img input ins

K

1 тага
kbd

L

4 тага
label legend li link

M

6 тага
main map mark menu meta meter

N

2 тага
nav noscript

O

5 тага
object ol optgroup option output

P

4 тага
p picture pre progress

Q

1 тага
q

R

3 тага
rp rt ruby

S

16 тага
s samp script search section select selectedcontent slot small source span strong style sub summary sup

T

12 тага
table tbody td template textarea tfoot th thead time title tr track

U

2 тага
u ul

V

2 тага
var video

W

1 тага
wbr

Как да използваш страницата с HTML тагове

Тази страница е направена като централен вход към цялата база от HTML тагове в сайта. Вместо да търсиш произволно в интернет, можеш бързо да намериш конкретен таг и да видиш какво прави, кога е подходящо да се използва и как изглежда в примерен код.

За всяка тема по frontend разработка е важно да ползваш semantic HTML структура. Това помага за по-добра достъпност, по-ясен код и по-добро SEO. Ако изграждаш блог, онлайн магазин или лендинг страница, започни от правилните тагове за структура, после добави стил с CSS и интерактивност с JavaScript.

Полезен подход е да комбинираш тази секция с инструментите в Tools: можеш да валидираш HTML, да генерираш мета тагове, да провериш контраст и да подготвиш responsive структура на съдържанието.