Објашњење шта је унапред форматирани текст у ХТМЛ-у

click fraud protection

Када додате текст у ХТМЛ код веб странице, рецимо у елементу пасуса, немате пуно или никакву контролу над тим где ће се ти редови текста преломити или размаком који ће се користити. То је зато што ће веб прегледач преносити текст по потреби на основу подручја које га садржи. Ово укључује одзивне веб странице који ће имати врло флуидан распоред који се мења на основу величина екрана користи се за преглед странице. ХТМЛ текст ће разбити линију тамо где треба када стигне до краја подручја у коме се налази. На крају, прегледач игра већу улогу у одређивању како се текст ломи него ви.

Што се тиче додавања размака за стварање одређеног формата или изгледа, ХТМЛ не препознаје размак који је додан коду, укључујући размакницу, језичак или повратак на носач. Ако ставите двадесет размака између једне речи и речи која долази иза ње, прегледач ће тамо приказати само један једини размак. Ово је познато као колапс празног простора и заправо је један од концепата ХТМЛ-а с којим се многи који се у индустрији у почетку боре. Очекују да ХТМЛ размаци раде онако како то раде у програму попут Мицрософт Ворд-а, али ХТМЛ размаци уопште не функционишу.

instagram viewer

У већини случајева нормално је руковање текстом у било ком ХТМЛ документу управо оно што вам треба, али у другим у неким случајевима, можда ћете желети већу контролу над тачно размаком и разломком текста линије. Ово је познато као унапред форматирани текст (другим речима, ви диктирате формат). Можете додати унапред форматирани текст на своје веб странице помоћу ХТМЛ-а.

Помоћу
 Таг 

Пре много година било је уобичајено видети веб странице са блоковима унапред форматираног текста. Помоћу

 Ознака за дефинисање одељака странице обликоване самом куцањем била је брз и лак начин за веб дизајнере да постигну да се текст прикаже онако како су желели. То је било пре успона ЦСС-а за распоред, када су веб дизајнери заиста заглавили покушавајући да форсирају распоред користећи табеле и друге ХТМЛ само методе. Ово се (некако) поновило јер је унапред форматирани текст дефинисан као текст у којем је структура дефинисана типографским конвенцијама, а не ХТМЛ приказом. 

Данас се ова ознака не користи толико јер нам ЦСС омогућава да диктирамо визуелне стилове на много ефикаснији начин од покушаја да се наметне појава у нашем ХТМЛ-у и зато што веб стандарди налажу јасно раздвајање структуре (ХТМЛ) и стилова (ЦСС). Ипак, можда постоје случајеви у којима унапред форматирани текст има смисла, попут поштанске адресе на коју желите да форсирате преломи линија или за примере поезије где су преломи реда неопходни за читање и укупни ток садржај.

Ево једног од начина за коришћење ХТМЛ-а

 таг: 

Типични ХТМЛ скупља размаке у документу. То значи да би се вратио носач, размаци и знакови табулатора коришћени у овом тексту сви скупили у један размак. Ако сте горенаведени цитат откуцали у типичну ХТМЛ ознаку попут ознаке п (одставек), на крају ћете добити један ред текста, овако:

Твас бриллиг и слитхеи товес Дали су клип и квргу у вабеу.

Претаг оставља размаке као што јесу. Дакле, преломи редова, размаци и картице задржавају се у приказивању тог садржаја у прегледачу. Стављање цитата у а

 ознака за исти текст резултирала би овим приказом: 
Твас бриллиг и слитхеи товес
Јесте ли гире и гимбле
у
тхе
вабе

Што се тиче фонтова

Тхе

 таг више од самог одржавања размака и прелома за текст који пишете. У већини прегледача је написан моноспаце фонтом. Због тога су карактери у тексту једнаки по ширини. Другим речима, слово и заузима толико простора колико и слово в. 

Ако бисте радије користили други фонт уместо подразумеваног моноспаце који прегледач приказује, и даље можете да га промените помоћу табеле стилова и изаберите било који други фонт желите да текст буде приказан у.

ХТМЛ5

Треба имати на уму да у ХТМЛ5 атрибут „видтх“ више није подржан за

 елемент. У ХТМЛ 4.01, ширина је одредила број знакова који би линија садржала, али ово је испуштено за ХТМЛ5 и више. 
instagram story viewer