Алдын ала пішімделген мәтін деген не?

Мұнда HTML-кодта алдын ала пішімделген мәтін тегін қалай пайдалану керек

Веб-парақ үшін HTML-кодқа мәтін қосқанда, параграф элементінде айтылғандай, мәтіннің сол жолдарының қайда болатындығын немесе пайдаланылатын аралықты бақылауыңыз аз. Себебі, веб-шолғыш мәтінді қажетті аумақта қамтылған аймақта негізделіп жібереді. Бұл бетті қарау үшін пайдаланылатын экран өлшеміне негізделетін өте сұйық макетке ие жауап беретін веб-сайттарды қамтиды.

HTML мәтіні бар жолдың соңына жеткенде бір жолды бұзады. Ақыр соңында, браузер сізден қарағанда мәтіннің бұзылуын анықтауда көп рөл атқарады.

Белгілі бір пішімді немесе орналасуды жасау үшін аралықты қосу тұрғысында, HTML бос орынды, қойындыны немесе аралық қайтаруларды қоса кодқа қосылатын аралығын таниды. Егер сіз бір сөзбен және одан кейінгі сөз арасында жиырма бос орын қоятын болсаңыз, браузер онда бір ғана орынды көрсетеді. Бұл ақ кеңістіктің құлдырауы деп аталады және ол, ең алдымен, салаға қатысты көптеген жаңалықтармен күресетін HTML тұжырымдамаларының бірі болып табылады. Олар Microsoft Word бағдарламасы сияқты бағдарламада HTML ағыны сияқты жұмыс істеуін күтуде, бірақ бұл HTML бос жұмыс кеңістігі мүлде жұмыс істемейді.

Көптеген жағдайларда, кез келген HTML құжатындағы мәтінді әдеттегі өңдеу сізге қажет, бірақ басқа жағдайларда, мәтіннің кеңістігі мен жолдарды бұзатыны туралы нақты бақылауды қажет етуіңіз мүмкін.

Бұл алдын ала пішімделген мәтін ретінде белгілі (басқаша айтқанда, сіз пішімді белгілейсіз). Алдын ала HTML форматындағы тегті пайдаланып, веб-беттерге алдын ала пішімделген мәтінді қосуға болады.

 тегін пайдалану 

Көптеген жылдар бұрын веб-беттерді алдын ала пішімделген мәтіннің блоктарымен көруге әдеттегідей пайдаланылды. Бастапқы беттің пішімдеуі арқылы беттің бөлімдерін анықтау үшін алдын ала тегті пайдалану веб-дизайнерлердің мәтінді олар қалағандай көрсетуіне мүмкіндік беретін жылдам әрі жеңіл жол болды.

Бұл веб-дизайнерлер кестені және басқа HTML әдістерін пайдалану арқылы орналасуды мәжбүрлеуге тырысқан кезде CSS-нің орналасуына дейін пайда болды. Бұл (kinda) бұрын жұмыс істеді, себебі алдын-ала пішімделген мәтін құрылымды HTML рендерингімен емес, типографиялық конвенциялармен анықталған мәтін ретінде анықталады.

Бүгінгі күні бұл тегтің көп қолданылмағандықтан, CSS CSS-ті сыртқы HTML-ға және стильдерге (CSS) нақты бөлуді талап ететіндіктен, HTML-ті сыртқы көріністі мәжбүрлеуге қарағанда, визуалды стильдерді әлдеқайда тиімді түрде жазуға мүмкіндік береді. Дегенмен, алдын-ала пішімделген мәтіннің мағынасы бар, мысалы, желілік үзілістерді немесе мәтінді оқуға және жалпы ағынға қажет болатын жол үзілімдері қажет болатын поэзия мысалдарына арналған пошталық мекенжайға ұқсас болуы мүмкін.

HTML

 тегін пайдаланудың бір жолы: 

 Twas brillig және slithey toves Wabe-дегі гирю және гимла болды  

Типтік HTML құжаттағы ақ кеңістікті құлайды. Бұл дегеніміз, карета қайтарылады, бос орындар мен мәтіндерде қолданылған табуляция таңбалары бір бос орынға бөлінеді. Егер жоғарыда келтірілген дәйексөзді әдеттегі HTML тегіне p (абзац) тегі сияқты енгізген болсаңыз, келесідей мәтін жолымен аяқталатын боласыз:

Твас шелектегі және слитни ағынынан жасалған

Алдын ала тег, ақ кеңістік таңбаларын қалдырады. Сондықтан, браузер осы мазмұнды көрсетуде үзілістер, бос орындар және қойындылар сақталады. Сол мәтін үшін алдын ала тегтің ішінде баға белгілерін қою осы дисплейге әкеледі:

Твас шелектегі және слитни ағынынан жасалған

Қаріптерге қатысты

Алдын ала тег сіз жазған мәтін үшін бос орындарды және үзілістерді ұстап қана қоймайды. Көптеген браузерлерде бұл моносақтақ қаріппен жазылған. Бұл мәтіндегі таңбаларды ені бірдей етеді. Басқаша айтқанда, әріпті w әрпіне дейін қабылдаймын.

Егер браузер көрсететін әдепкі біржолғы интерфейстің орнына басқа қаріпті пайдаланғыңыз келсе, оны мәнер кестелерімен өзгертуге және мәтінді көрсетілетін басқа қаріпті таңдауға болады .

HTML5

Есте сақтау керек нәрсе HTML5-де «ені» атрибуты

 элементі үшін бұдан былай қолдамайды. HTML 4.01 нұсқасында ені жолдың құрамында болатын таңбалардың санын анықтады, бірақ бұл HTML5 және одан кейінгі нұсқаларға тасталған. 

Jeremy Girard 2/2/17 жылы редакцияланған