Вось як гэта выкарыстоўваць Pre-фарматаваны тэкст тэга ў вашым HTML код
Пры даданні тэксту ў HTML-код для вэб-старонкі, скажам, у элеменце абзаца, вы практычна не маюць кантролю над тым, дзе гэтыя радкі тэксту зламаецца або інтэрвал, які будзе выкарыстоўвацца. Гэта адбываецца таму, што вэб-браўзэр будзе цячы тэкст па меры неабходнасці на аснове вобласці, якая ўтрымлівае яго. Гэта ўключае ў сябе адаптыўныя сайты , якія будуць мець макет вельмі вадкасці , які змяняецца ў залежнасці ад памеру экрана , які выкарыстоўваецца для прагляду старонкі .
HTML тэкст будзе разарваць радок, дзе яна павінна, як толькі ён дасягнуў канца свайго змяшчае вобласці. У рэшце рэшт, браўзэр гуляе вялікую ролю ў якія вызначылі як парывы тэксту, чым вы.
З пункту гледжання дадання адлегласці, каб стварыць пэўны фармат або макет, HTML не распазнае інтэрвал, які дадаецца да кода, у тым ліку вяртае прабел, табуляцыя, або перавозкі. Калі паставіць дваццаць прабелаў паміж адным словам і словам, якое прыходзіць пасля яго, браўзэр адлюстроўвае толькі адзін адзіную прастору там. Гэта вядома як прабел калапс, і гэта на самай справе адна з канцэпцый HTML, што многія новага для барацьбы прамысловасці з у першым. Яны чакаюць, што HTML пробельные працаваць так, як гэта робіць у праграме, як Microsoft Word, але гэта не тое, як HTML пробельные працуе на ўсіх.
У большасці выпадкаў нармальная апрацоўка тэксту ў любым HTML-дакуменце менавіта тое, што вам трэба, але ў іншых выпадках, магчыма, на самай справе трэба больш кантролю над сапраўды як тэкставыя прасторы, і дзе ён разбівае радка.
Гэта ведаеце, як папярэдне адфарматаваны тэкст (гэта значыць, вы дыктуюць фармат). Вы можаце дадаць папярэдне адфарматаваны тэкст на вэб-старонкі з дапамогай папярэдне тэга HTML.
Выкарыстоўваючы тэг
Шмат гадоў таму, гэта было часта бачыць вэб-старонак з блокамі папярэдне адфарматаваны тэкст. Выкарыстанне папярэдне пазнакі для вызначэння раздзелаў старонкі, як адфарматаваны типирования сам быў хуткі і просты спосаб для вэб-дызайнераў, каб атрымаць тэкст для адлюстравання, як яны хацелі, каб ён.
Гэта было да з'яўлення CSS для макета, калі вэб-дызайнеры сапраўды затрымаўся, спрабуючы прымусіць макет з дапамогай табліц і іншых HTML-толькі метады. Гэта (свайго роду) працаваў назад, таму што папярэдне адфарматаваны тэкст вызначаецца як тэкст, у якім структура вызначаецца друкарскіх канвенцыямі, а не ў HTML-рэндэрынгу.
Сёння гэты тэг не выкарыстоўваецца столькі таму, што CSS дазваляе дыктаваць візуальныя стылі ў значна больш эфектыўным спосабам, чым спрабаваць прымусіць з'яўленне ў нашай HTML і таму, што вэб-стандарты дыктуюць выразны падзел структуры (HTML) і стыляў (CSS). Тым не менш, можа быць выпадкі, папярэдне адфарматаваны тэкст мае сэнс, як і для паштовага адрасу, дзе вы хочаце, каб прымусіць разрывы радкоў або прыклады паэзіі, дзе парывы радкоў неабходныя для чытання і агульнага патоку кантэнту.
Вось адзін са спосабаў выкарыстоўваць тэг HTML
: <Папярэдне> Twas brillig і slithey toves пырялся па навуТыповы HTML згортвае пустое прастору ў дакуменце. Гэта азначае, што зварот карэткі, прабелы і сімвалы табуляцыі, якія выкарыстоўваюцца ў тэксце былі б усё павалілася ў адно прастору. Калі вы набралі вышэй цытату ў тыповы HTML тэг, як у р (п) тэга, вы б у канчатковым выніку з аднаго радка тэксту, як гэта:
Twas brillig і slithey toves пырялся па Наве
Папярэдне тэг пакідае пробельные сімвалы, як ёсць. Так парывы радкоў, прабелы і табуляцыі ўсе падтрымліваецца ў аказанні браўзэра гэтага зместу. Ўвод цытаты ўнутры папярэдне тэг для гэтага ж тэксту прывядзе ў гэтым акне:
Twas brillig і slithey toves пырялся па НавеШто тычыцца шрыфтоў
Папярэдне тэг робіць больш, чым проста захаваць прабелы і перапынкі для тэксту, які вы пішаце. У большасці браўзэраў, напісана ў монашырынны шрыфт. Гэта робіць сімвалы ў тэксце ўсе роўныя па шырыні. Іншымі словамі, у лісце я займае столькі ж месца, як літары ш.
Калі вы аддаеце перавагу выкарыстаць іншы шрыфт замест монашырынныя зададзенага па змаўчанні , што дысплей браўзэра, вы можаце змяніць гэта з дапамогай табліц стыляў і выбраць любы іншы шрыфт , які Вы хацелі б , каб тэкст , які будзе аказваць у .
HTML5
Адна рэч, каб мець на ўвазе з'яўляецца тое, што, у HTML5, «шырыня» атрыбут больш не падтрымліваецца для элемента
. У HTML 4.01, шырыня паказваецца колькасць знакаў у радку будзе ўтрымліваць, але выпусцілі на HTML5 і за яго межамі.Пад рэдакцыяй Джэрэмі Girard на 2/2/17