Постоји разлика између ова два услова
Веб дизајн, као и свака индустрија или професија, има свој језик. Док уђете у индустрију и почнете да разговарате са својим вршњацима, несумњиво ћете се појавити у скоку термина и фраза који су вам нови, али који ток језика ваших других веб професионалаца. Два термина који ћете чути су ХТМЛ "таг" и "елемент".
Пошто чујете ова два израза, можете схватити да се они користе наизменично. Као такво, једно питање које многи нови веб професионалци имају када почну радити с ХТМЛ кодом је "која је разлика између ХТМЛ ознаке и ХТМЛ елемента?"
Иако су ова два израза слична значењу, они нису заправо синоними. Дакле, која је сличност са ова два израза? Кратак одговор је да и ознаке и елементи односе се на ознаку која се користи за писање ХТМЛ-а. На пример, можете рећи да користите ознаку <п> да бисте дефинисали параграф или <а> елемент за креирање веза. Многи људи користе појам појмова и елемент заменљиво, и сваки веб дизајнер или програмер са којим разговарате би схватили шта сте мислили, али реалност је да постоји нека разлика између два израза.
ХТМЛ ознаке
ХТМЛ је маркуп језик , што значи да је написано кодовима које особа може прочитати без потребе да их прво сакупи. Другим речима, текст на веб страници је означен са овим кодовима како би упутили веб прегледачу како приказати текст. Ове ознаке ознаке су саме ХТМЛ ознаке.
Када пишете ХТМЛ, пишете ХТМЛ ознаке. Све ХТМЛ ознаке се састоје од одређеног броја одређених делова, укључујући:
- Знак мање од знака <
- Реч или знак који одређује која ознака се пише
- Било који број опционалних ХТМЛ атрибута у облику пара = "вриједност" пара
- И на крају знак веће од знака>
На пример, овде су неке ХТМЛ ознаке:
- <п>
- <хтмл>
- <див>
Ово су све ознаке отварања ХТМЛ-а, без доданих необавезних атрибута. Ове ознаке представљају:
- <п> - дефинише став.
- <хтмл> - дефинише страницу као ХТМЛ
- <див> - дефинише подјелу.
Следеће су такође ХТМЛ тагови:
- <ул ид = "мену-лист">
- <див цласс = "феатуред-артицле">
- <а хреф="индек.хтмл">
- <имг срц = "имагес / лого.пнг">
Ови примери укључују атрибуте који су додати отворивим ХТМЛ ознакама.
- <Ул> је неуређена листа која укључује ИД атрибута
- Подела има атрибут класе
- Сидро или линк, елемент укључује атрибут "хреф"
- Ознака слике са атрибутом "срц"
За ознаке сидра и слике, атрибути заправо нису опциони, неопходно је да се те ознаке правилно приказују. Морате да наведете везу где треба да идете (то је оно што "хреф" ради) и слику коју треба приказати (то је оно што вам атрибут "срц").
Који су ХТМЛ елементи
Према В3Ц ХТМЛ спецификацији, елемент је основни грађевински блок ХТМЛ-а и обично се састоји од двије ознаке : отварања ознака и ознаке за затварање. До сада смо само погледали отворене ознаке, које покрећу елементе. Да бисте завршили тај елемент, уписујете одговарајуће ознаке затварања.
На пример, за елемент параграфа упишите ово:
<п>
Ово се састоји од отварања ознаке коју смо видели малопре и затворске ознаке - . Затварање ознака је заправо само отварање ознака поновљено, али са "сломом за прослеђивање" додато је непосредно након "мање од симбола".
Скоро сви ХТМЛ елементи имају отворену ознаку и ознаку за затварање. Ове ознаке окружују текст који ће се приказати на веб страници. На пример, да бисте написали пасус текста, уписујете текст који ће се приказати на страници, а затим га окружити са следећим ознакама:
<п> Овде ћете написати текст ставка који желите приказати на веб страници.
Неки ХТМЛ елементи немају затворену ознаку. Ови се називају "празни елементи". Понекад се називају и " синглетон " или "воид" елементи. Празни елементи су једноставни за кориштење, јер морате само да укључите једну ознаку на вашу веб страницу и претраживач ће знати шта треба учинити. На пример, да бисте додали једну паузу линије на вашу страницу, користили бисте ознаку б <бр>.
Још један уобичајени елемент који укључује само почетну ознаку је елемент "слике". На пример:
<имг срц = "имагес / лого.пнг">
Овај примјер смо раније видели, али за овај елемент слике нема затварања ознаке. Бровсер би једноставно заменио овај код са имиџом на коју се односи атрибут "хреф". У овом случају, то би било "лого.пнг".
Генерално, када се позивам на ХТМЛ елемент или ознаку, користићу појам "елемент" да означим да се позивам на све дијелове елемента (и ознаке за отварање и затварање). Ја користим "таг" да ли стварно мислим само на једну или другу. Ово је правилна употреба ова два термина и ја вас подстичем да их правилно користите - али само знајте да ће вам, ако их мало замућите и размјените, још увијек разумјети од стране ваших нових веб развојних вршњака!
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 21.7.17