ХТМЛ5 је представио „ <чланак> ” ознака која се може користити за представљање одређене самосталне компоненте у било ком документу, апликацији или сајту. Ова ХТМЛ компонента може бити за вишекратну употребу и дистрибуцију, на пример у посту на форуму, часопису, посту на блогу и још много тога.
Ова студија ће вас научити о ХТМЛ ознаци <артицле>. Па идемо!
Шта је ХТМЛ ознака <артицле>?
Елемент <артицле> и елемент <див> функционишу слично у смислу функционалности, стила и приказа. Међутим, ознака <артицле> у документу даје више семантичких информација претраживачима и читачима екрана. Штавише, ХТМЛ датотека садржи више ознака <артицле> које могу бити угнежђене.
Како користити ХТМЛ ознаку <артицле>?
Да бисте користили ХТМЛ <артицле> ознаку, пратите доле дату синтаксу:
< чланак > чланак >
Овде, „ <чланак> ” је почетна ознака, а “ ” је завршна ознака.
Хајде да прођемо кроз пример за демонстрацију употребе ознаке <артицле>.
Пример: Коришћење ознаке <артицле> у ХТМЛ-у
У ХТМЛ-у прво додајте ознаку <артицле> са класом под називом „ алл-ОС ” и <х1> за наслов. Затим додајте још једну ознаку <артицле> са класом под називом „ ти ”. Унутар ове ознаке <артицле> наведите <х2> за наслов и <п> за пасус. Након тога укључите две ознаке <артицле> угнежђене са ознакама <х2> и <п> на следећи начин:
< чланак класа = 'све ОС' >< х1 > Најпопуларнији оперативни системи х1 >
< чланак класа = 'ти' >
< х2 > Виндовс х2 >
< стр > Виндовс је група вишеструких власничких графичких оперативних система. Развија га и продаје Мицрософт. стр >
чланак >
< чланак класа = 'ти' >
< х2 > Линук х2 >
< стр > Линук је оперативни систем отвореног кода заснован на Линук кернелу. Обично је упакована као Линук дистрибуција. стр >
чланак >
< чланак класа = 'ти' >
< х2 > мацОС х2 >
< стр > мацОС је Уник оперативни систем који је развио и пласирао Аппле Инц. Познато је као главни оперативни систем за Аппле 'с Мац рачунари.
Следећи одељак ће описати ЦСС стилове примењене на горепоменуте ХТМЛ елементе.
Стил за све ОС див
.алл-ОС {маргина: 0 ;
паддинг: 5пк;
боја позадине: ргб ( 155 , 155 , 155 ) ;
}
Див са именом класе “ алл-ОС ” је стилизован овако:
-
- “ .алл_ОС ” се користи за приступ повезаном <див>.
- “ маргина ” својство се користи за додавање простора око елемента див.
- “ паддинг ” својство додаје простор око садржаја елемента див.
- “ боја позадине ” је подешен да примени боју позадине елемента див.
Стил ос див
.ти {маргина: 10пк;
паддинг: 5пк;
позадина: бела;
}
Примените стилове на следећи <див> под називом “ ти ”. Опис својстава је дат у наставку:
-
- “ .ти ” приступите <див> са именом ос.
- “ маргина ” својство додаје размак од 10пк око див.
- “ паддинг ” својство додаје размак од 5 пиксела око садржаја елемента див.
- “ боја позадине ” својство поставља боју позадине елемента див.
Након давања ЦСС својстава стила горњим ознакама <див>, пасус се стилизује постављањем својстава као што је наведено у наставку.
Стил п Елемент
стр {маргина: 3пк;
фонт-сизе: 15пк;
}
Следећа својства се примењују на елемент <п>:
-
- “ маргина ” својство додаје простор од 3 пиксела око садржаја елемента.
- “ фонт-сизе ” својство поставља величину фонта текста на 15 пиксела.
Сачувајте додати код и отворите датотеку у свом претраживачу. Резултат ће бити приказан као што је приказано у наставку:
Горе наведени документ може имати више чланака, а објашњење које се односи на сваки оперативни систем налази се у ознаци <артицле>. Штавише, један чланак се приказује један за другим док се екран помера.
Тако можемо да креирамо постове на блогу, постове на форуму и документе налик часописима користећи ХТМЛ <артицле> таг.
Закључак
Као што знамо, писци чланака или блогери пишу документ имајући на уму основни концепт теме. Исто тако, у ХТМЛ-у, ознаке <артицле> се користе за помињање садржаја који је потпуно садржан и независан. Штавише, у ХТМЛ датотеци може постојати једна или више ознака <артицле>, које могу бити угнежђене. Ова студија је објаснила употребу ознаке <артицле> на примеру.