Ево како да користите ознаку Преформаттед Тект у ХТМЛ коду
Када додате текст у ХТМЛ код за Веб страницу, реците у елементу параграфа, немате никакву контролу над оним где ће се те линије текста разбити или размак који ће се користити. То је зато што ће веб претраживач проћи текст по потреби на основу подручја који га садржи. Ово укључује одговарајуће веб странице које ће имати веома флуидан изглед који се мења на основу величине екрана који се користи за приказ странице .
ХТМЛ текст ће прекинути линију где је потребно када се достигне крај њеног садржаја. На крају, прегледач игра више улоге у одређивању како се текст разбија него што то чините.
Што се тиче додавања размака за креирање одређеног формата или распореда, ХТМЛ не препознаје размак који се додаје коду, укључујући спацебар, картицу или повратак колица. Ако ставите двадесет размака између једне речи и ријечи која долази након тога, претраживач ће приказати само један простор. Ово је познато као колапс у космосу и то је заправо један од концепата ХТМЛ-а са којим се многи нови у индустрији боре у почетку. Очекују да ХТМЛ простирка ради на начин на који то ради у програму као што је Мицрософт Ворд, али то уопште не функционише у ХТМЛ-у.
У већини случајева, нормално руковање текстом у било којем ХТМЛ документу је управо оно што вам је потребно, али у другим случајевима, можда ћете више желети више контроле над тачно како се текст размакне и гдје се разбијају линије.
Ово је познато као преформатиран текст (другим речима, ви диктирате формат). Можете додати унапред форматиран текст на своје веб странице користећи ХТМЛ пре таг.
Коришћење ознаке <пре>
Прије много година, било је уобичајено видети веб странице са блоковима унапред форматираног текста. Коришћењем пре таг-а да бисте дефинисали делове странице који су форматирани самим типкањем, био је брз и лак начин за веб дизајнере да се текст покаже како то желе.
Ово је било прије пораста ЦСС-а за изглед, када су се веб дизајнери заиста заглавили покушавајући да приморају изглед помоћу табела и других ХТМЛ-метода. Ово (некако) је радило назад зато што је пред-форматирани текст дефинисан као текст у коме је структура дефинисана типографским конвенцијама, а не ХТМЛ рендерингом.
Данас се ова ознака не користи толико пуно јер ЦСС нам дозвољава диктирање визуелних стилова на много ефикаснији начин него покушавајући да приморамо појаву у наш ХТМЛ и зато што Веб стандарди диктирају јасно одвајање структуре (ХТМЛ) и стилова (ЦСС). Ипак, можда постоје случајеви да су текстови у претходном формату имали смисла, као и за поштанску адресу у којој желите да присилите паузу линија или за примере поезије где су линијски преломи од суштинског значаја за читање и укупни проток садржаја.
Ево једног начина кориштења ХТМЛ <пре> таг:
<пре> Твас бриллиг и слитхеи товес Да ли се гирије и гимбле у вабеТипични ХТМЛ колапсира бели простор у документу. То значи да ће се повратак карата, размаци и табови коришћени у овом тексту срушити на један простор. Ако сте унели горњи цитат у типичну ХТМЛ ознаку, као што је ознака п (параграпх), завршићете са једном линијом текста, овако:
Твас бриллиг и слитхеи товес Да ли се гира и претворити у вабе
Претходна ознака оставља знакове са белим простором као што је. Тако линијски преломи, размаци и табови се одржавају у приказивању тог претраживача прегледача. Постављање цитата унутар ознаке преписа за исти текст резултираће овим приказом:
Твас бриллиг и слитхеи товес Да ли се гира и претворити у вабе
Што се тиче фонтова
Предефинисани таг више не одржава просторе и преломи за текст који пишете. У већини претраживача, написано је у моноспаце фонту. То значи да су карактери у тексту једнаки по ширини. Другим ријечима, слово И заузима толико простора колико и слово в.
Ако бисте више волели да користите други фонт уместо подразумеване моноспаце који приказује прегледач, можете га и даље променити листовима стилова и изаберите било који други фонт за који желите да текст буде приказан .
ХТМЛ5
Једна ствар коју треба имати на уму је да у ХТМЛ5 атрибут "видтх" више није подржан за елемент <пре>. У ХТМЛ-у 4.01, ширина је навела број знакова које би линија садржала, али је то опадано за ХТМЛ5 и шире.
Исправио / ла Јереми Гирард дана 2/2/17