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