Хуучин HTML элементүүд болон тэдгээрийг шинэ HTML5 дотор оруулах
Хэдийгээр түүний хөгжүүлэлт олон жилийн өмнөөс эхэлж байсан ч HTML5 нь анх 2010 онд вэб дизайнерууд / хөгжүүлэгчдэд нийтлэг хэрэглээтэй болж эхэлжээ. Хаалганы хажуугаар хэл нь бүх зүйлийг шинээр эхэлж HTML5 Өмнө нь байсан зүйлс дээр тулгуурлан бүтээгдсэн. HTML 4.01-ийг мэддэг хэн бүхэн энэ хувилбар нь HTML5-ээс олдож болохыг олж мэдсэн.
Хэдийгээр HTML5 олон HTML-т багтсан олон элементүүдийг агуулдаг боловч HTML5-д шинэ элементүүдийг оруулсан. Эдгээр шинэ элементүүдийн ихэнх нь "үхэр хучлагатай зам" хэмээх аргыг ашигласан. Энэ нь IT-д хэрэглэгддэг нэр томъёо юм. Вэб дизайнеруудын хувьд энэ нь аль хэдийн хуудсуудыг хэрхэн бүтээж, тэдгээр үйл ажиллагааны талаархи шинэ элементүүдийн талаархи шийдвэрийг гаргахад зориулагдсан юм. Жишээлбэл, олон вэбсайтууд нь "толгой", "nav", "footer" гэсэн ID буюу ангиллын шинж чанаруудыг ашигладаг диверсүүдтэй вэбсайтуудыг үүсгэх болно. Тиймээс HTML5 нь эдгээр элементүүдийг шинэ элемент болгон танилцуулсан бөгөөд ингэснээр вэб мэргэжилтнүүд өөрсдийн баримт бичгүүдэд илүү утга агуулгатай болгохыг зөвшөөрдөг. Өнөө үеийн практикийг хүлээн зөвшөөрсөн хосолсон арга, хандлагыг хослуулсан HTML5 нь вэб дизайны салбарыг хурдан хүлээн зөвшөөрөхөд тусалсан.
HTML5 докторын
Эхлээд шинэ HTML5 элементүүдийг ашиглахын тулд, таны документ HTML5 doctype-г оруулах ёстой:
Та энэ doctype нь "HTML5" гэж дурьдаагүй гэдгийг анзаарч магадгүй, гэхдээ энэ нь зөвхөн хувилбарыг "html" гэж хэлнэ. Учир нь энэ сургаал нь хэлний бүх давталтад зориулж ашиглахад зориулагдсан зүйл юм.
Үнэндээ, HTML5 нь хэлний хамгийн сүүлд дугаарлагдсан хувилбар байх ёстой бөгөөд шинэ өөрчлөлтүүд нь ирээдүйд байнга тогтвортой байдаг. Үнэн хэрэгтээ, доорхи жагсаалтад орсон зарим элементүүд 2010 онд анхны түлхэц болсоны дараа сайн хэл дээр нэмэгдсэн байна!
HTML5 Сэдвүүд
Таг | Тайлбар |
---|---|
Анч эсвэл холбоос | |
abbr> | Товчлол |
address> | Баримт бичгийн хаяг буюу зохиогч |
Клиент талын зураглал | |
| Зүйл |
Тангентын агуулга | |
Аудио дамжуулалт | |
b> | Зоригтой |
| Баримтын элементийн хувьд үндсэн URI зам |
bdo> | Хоёр чиглэлтэй алгоритм |
blockquote> | Урт ишлэл |
body> | Хуудасны биеийн байдал |
| Шугамын завсарлага |
<товч> товч> | HTML хэлбэрийн товч |
<зураг> canvas> | Динамик графикуудын зураг |
Сэтгэгдэл бичих | |
| Хүснэгт тайлбар |
cite> | Citation |
code> | Кодын лавлагаа |
| Хүснэгтийн багана |
| Баганын багана бүлэглэх хүснэгт |
| Хуудас дээр команд буюу үйлдэл |
Баримт бичгийн төрөл тодорхойлолт | |
| Өгөгдлийн сүлжээ |
Бусад хяналтын хувьд урьдчилан тодорхойлсон сонголтууд | |
| Тодорхойлолт жагсаалтын тодорхойлолт эсвэл хэлэлцүүлгийн үргэлжлэх хугацаа |
| Текстийг устгасан |
<дэлгэрэнгүй> дэлгэрэнгүй> | Эрэлттэй нэмэлт мэдээлэл |
dfn> | Тодорхойлолт |
Харилцаа холбоо | |
div> | Логик хэлтэс |
| Тодорхойлолт хийх жагсаалт |
| Тодорхойлолт Жагсаалтын нэр томъёо буюу яриа |
em> | Хамгийн чухал нь |
Залгааснуудыг суулгасан элемент | |
Маягтуудыг хянах бүлэг | |
| Тайлбар нь |
Нэмэлт тайлбар бүхий зураг | |
Хуудасны footer | |
Маягт | |
h1> | Эхний шатны гарчиг |
h2> | Хоёрдугаар түвшний сэдэв |
h3> | Гуравдугаар түвшний сэдэв |
h4> | Дөрөв дэх шатны сэдэв |
h5> | Тавдугаар түвшний сэдэв |
h6> | Зургаа дахь шатны гарчиг |
head> | Баримт бичгийн дарга |
header> | Нэг хуудасны толгой |
hgroup> | Толгой бүлэг |
| Хэвтээ дүрэм |
html> | Вэб хуудсын эх элемент |
i> | Налуу текст хэв маяг |
Байнгын хүрээ | |
Зураг | |
Оролтын элемент | |
Button товчлуурын элемент | |
Checkbox хэлбэрийн элемент | |
Өнгөний оролт | |
Огноо оролт | |
Глобал он сар өдөр, цаг хугацаа орно | |
Орон нутгийн огноо ба цагийн оролт | |
Имэйл хаягийн оруулга | |
Файл байршуулах элемент | |
Далд хэлбэрийн талбар элемент | |
Зураг хэлбэрийн элемент | |
Жилийн болон сар тутмын оролт | |
Оролтын тоо | |
Нууц үгийн хэлбэрийн элемент | |
Радио товчлуур хэлбэрийн элемент | |
Тоон оролтыг эрэмбэлэх | |
Товч хэлбэрийн элементийг дахин тохируулах | |
Хайлтын талбар | |
Товчлуурын маягтыг оруулах | |
Телефон утасны дугаар оролт | |
Текст хэлбэрийн элемент | |
Цагийн оролт | |
URL оролт | |
Жил, долоо хоногийн оролт | |
ins> | Текст оруулах |
kbd> | Хэрэглэгч оруулах гэж бичнэ үү |
| Сертификатын удирдлагын түлхүүрийг бий болгох |
Маягтын шошго | |
Хэлбэрийн талбарын хэлбэр | |
| Жагсаалтын зүйл |
Холбогдох баримт бичигт холбох | |
| Нэг хуудсан дээрх агуулгын гол хэсэг |
Клиент талын зураглал | |
mark> | Текстийг онцлон тэмдэглэв |
<цэс> цэс> | Тушаалын жагсаалт |
Баримт бичгийн тухай мета мэдээлэл | |
<метр> метр> | Скаларын хэмжүүр |
Навигацийн холбоос бүхий газрыг тодорхойлно уу | |
Скриптүүд байхгүй үед агуулга | |
Стандарт бус объект | |
| Захиалгат буюу дугаарласан жагсаалт |
Сонгогдсон жагсаалт дахь сонголтуудын бүлэг | |
Сонгогдсон жагсаалт дахь сонголт | |
Маягтын тооцооны үр дүн | |
p> | Хэсэг |
Объект элементийн параметр | |
pre> | Урьдчилан бичсэн текст |
Ажиллагааны үзүүлэлт | |
q> | Суудлын богино холбоос |
Ruby хаалт | |
Ruby текст | |
ruby> | Ruby тэмдэглэл |
| Текстийг зөрчих |
samp> | Жишээ гаралт |