Ескі HTML элементтерін және жаңа HTML5 элементтерін қоса
Оның дамуы көптеген жылдар бұрын басталғанымен, HTML5 алғаш рет 2010 жылы веб-дизайнерлермен / әзірлеушілермен жалпы қолданысқа ене бастады. Қақпадан тыс тіл көптеген веб-мамандарға таныс болғандықтан, бәрін нөлден бастауға тырысқанның орнына, HTML5 бұрын салынған нәрсеге негізделген. HTML 4.01-ні жақсы білетін кез-келген адам осы нұсқаның біразын қазір HTML5-те табуға болатындығын анықтады.
HTML5 HTML-ге біраз уақыт бойы айналған көптеген элементтерді қосқанда, HTML5-ке жаңа элементтерді енгізді. Осы жаңа элементтердің көпшілігінде «ковпадты төсеу» деп аталатын тәсіл қолданылған. Бұл АТ-да жиі пайдаланылатын адамдарға қарап, оларды жасауды білдіреді деген термин. Веб-дизайнерлердің жағдайында олар бұл беттерді қалай құрастырғанын және осы әрекеттерге жаңа элементтерге негізделген шешімдерді негіздеуді көздеді. Мысалы, көптеген веб-мамандар веб-сайттарды «header», «nav» және «footer» деген ID немесе Class атрибуттарын пайдаланатын бөлімдермен құрастырады. Осылайша, HTML5 оларды жаңа элементтер ретінде ұсынды, бұл веб-мамандарға тек бөлімдердің орнына бөлінген бөлік элементтерін пайдалану арқылы құжаттарға көбірек мән береді. Қолданыстағы тәжірибені танитын танысу мен тәсілдің бұл тіркесімі HTML5 веб-дизайн индустриясымен тезірек танысуға көмектесті.
HTML5 Doctype
Алдымен кез келген жаңа HTML5 элементтерін пайдалану үшін сіздің құжатыңызда HTML5 doctype болуы керек, ол:
Бұл құжатта «HTML5» деген сөз емес, керісінше нұсқаны «html» деп айтады. Өйткені, бұл doctype - бұл барлық итерациялар үшін қолдануға арналған.
Шын мәнінде, HTML5 тілдің соңғы нөмірленген нұсқасы болуы тиіс, болашақта болашақта жаңа өзгерістер енгізіледі. Шындығында, төмендегі тізімдегі элементтердің кейбіреуі 2010 жылы бастапқы басқаннан кейінгі тілге жақсы қосылды!
HTML5 Tags
Тег | Түсіндіру |
---|---|
Анкер немесе сілтеме | |
abbr> | Қысқарту |
address> | Құжаттың мекенжайы немесе авторлары |
<аймақ> | Клиенттік бейнелеу картасы |
| Мақала |
Тангенстік мазмұн | |
Аудио ағымы | |
b> | Қалың |
<базасы> | Құжаттағы элементтер үшін негізгі URI жолдары |
bdo> | Екі бағытта алгоритм |
blockquote> | Ұзақ тырнақша |
body> | Беттің денесі |
| Жол үзілімі |
<түймешігі> түймешігі> | HTML пішін түймешігі |
Динамикалық графика үшін кенепте | |
Түсініктеме | |
| Кесте тақырыбы |
cite> | Citation |
code> | Кодекс сілтемесі |
| Кесте бағаны |
| Кесте бағандарын топтастыру |
<команда> | Беттегі пәрмен немесе әрекет |
Құжат түрінің анықтамасы | |
| Деректер торы |
Басқа басқару элементтері үшін алдын ала анықталған параметрлер | |
| Дискурстың сипаттамасы немесе сипаттамасы |
| Мәтін жойылды |
details> | Қосымша сұраныс туралы ақпарат |
dfn> | Анықтау |
<диалог> диалог> | Әңгіме |
div> | Логикалық бөлісу |
| Сипаттама тізімі |
| Анықтамалар тізімі термині немесе тілқатысу терезесі |
em> | Баса назар аударыңыз |
Плагиндер үшін ендірілген элемент | |
Пішіндерді басқару тобы | |
| Тақырып |
Қосымша тақырыппен сурет | |
Беттің астыңғы жағы | |
Форма | |
h1> | Бірінші деңгей тақырыбы |
h2> | Екінші деңгей тақырыбы |
h3> | Үшінші деңгей тақырыбы |
h4> | Төртінші деңгей тақырыбы |
h5> | Бесінші деңгейдегі тақырып |
h6> | Алтыншы деңгей тақырыбы |
head> | Құжат басшысы |
| Беттің тақырыбы |
hgroup> | Тақырып тобы |
| Көлденең ереже |
html> | Веб-беттің түбірлік элементі |
i> | Таңбалы мәтін мәнері |
Кірістірілген рамка | |
Сурет | |
Кіріс пішін элементі | |
Түймешік пішін элементі | |
Checkbox нысаны элементі | |
Түс енгізу | |
Күнді енгізу | |
Жаһандық күн мен уақытты енгізу | |
Жергілікті күн мен уақытты енгізу | |
Электрондық пошта мекенжайын енгізу | |
Файлды жүктеу пішін элементі | |
Жасырын пішін өрісінің элементі | |
Сурет формасының элементі | |
Жыл және ай кірісі | |
Нөмірді енгізу | |
Парольдің пішін элементі | |
Радио түймесінің пішін элементі | |
Нөмірдің дұрыс емес болуы | |
Түймешік формасының элементін қалпына келтіру | |
Іздеу өрісі | |
Түймешік формасының элементін жіберіңіз | |
Телефон нөмірін енгізу | |
Мәтін өрісінің пішін элементі | |
Уақытты енгізу | |
URL енгізу | |
<енгізу түрі = «апта»> | Жыл және апта кірісі |
ins> | Кірістірілген мәтін |
kbd> | Пайдаланушы енгізетін мәтін |
| Сертификаттарды басқару үшін қауіпсіз кілттерді жасаңыз |
Пішін белгісі | |
Өріс тақырыбының пішімін пішімдеу | |
| Тізім элементі |
<сілтеме> | Байланысты құжаттарға сілтеме |
| Беттегі мазмұнның негізгі мазмұны |
Клиенттік бейнелеу картасы | |
mark> | Белгіленген немесе бөлінген мәтін |
<мәзір> menu> | Командалар тізімі |
<мета> | Құжат туралы мета ақпараты |
<метр> метр> | Скалалық өлшеуіші |
Навигациялық сілтемелері бар аймақты анықтаңыз | |
Сценарийлер қол жетімді болмағанда мазмұн | |
Стандартты емес нысан | |
| Тапсырылған немесе нөмірленген тізім |
Таңдаулы тізімдегі опциялар тобы | |
Таңдау тізіміндегі таңдау | |
Формаларды есептеу нәтижесі | |
p> | Параграф |
Нысан элементінің параметрі | |
pre> | Алдын ала пішімделген мәтін |
Прогресс көрсеткіші | |
q> | Қысқа кірістірілген баға |
Қаңылтыр жақшасы | |
Ruby мәтіні | |
ruby> | Рубин түсініктемесі |
| Strikeout мәтіні |
samp> | Мысал шығару |