Რა არის წინასწარ ფორმატირებული ტექსტი?

აქ როგორ გამოვიყენოთ წინასწარ ფორმატირებული ტექსტის HTML კოდი

HTML- ის ვებ-გვერდის ტექსტის დამატება ტექსტის პუნქტშია ნათქვამი, რომ თქვენ არ გაქვთ კონტროლი, სადაც ტექსტის ეს ხაზები შესვენება ან ინტერვალი იქნება გამოყენებული. ეს იმიტომ ხდება, რომ ვებ-ბრაუზერი გადის ტექსტს საჭიროების მიხედვით, რომელიც შეიცავს მას. ეს გულისხმობს საპასუხო ვებსაიტებს, რომლებსაც ექნებათ ძალიან სითხის განლაგება, რომელიც იცვლება ეკრანის ზომაზე.

HTML ტექსტი იქნება შესვენება ხაზი, სადაც მას სჭირდება ერთხელ მიაღწია ბოლოს მისი შემცველი ფართობი. საბოლოო ჯამში, ბრაუზერი უფრო მეტად როლს ასრულებს იმაზე, თუ როგორ ხდის ტექსტს, ვიდრე თქვენ აკეთებთ.

თვალსაზრისით დამატებით ფორმატის ან განლაგების შესაქმნელად, HTML არ აღიარებს კოდს, რომელიც მოიცავს კოდს, მათ შორის სივრცეში, ჩანართზე, ან ვაგონში დაბრუნებას. თუ ერთ სიტყვასა და სიტყვას შორის ოცი სივრცის განთავსება, ბრაუზერი მხოლოდ ერთ სივრცეში გამოყოფს. ეს ცნობილია, როგორც თეთრი სივრცის კოლაფსი და ის ფაქტიურად, HTML- ის ერთ-ერთი კონცეფციაა, რომელიც ბევრ ახალ ინდუსტრიას ებრძვის. ისინი ველოდებით HTML whitespace მუშაობა ისე აკეთებს პროგრამა, როგორიცაა Microsoft Word, მაგრამ ეს არ არის, თუ როგორ HTML whitespace მუშაობს ყველა.

უმეტეს შემთხვევაში ტექსტის ნორმალიზება ნებისმიერი HTML დოკუმენტში არის ზუსტად ის, რაც გჭირდებათ, მაგრამ სხვა შემთხვევებში შეგიძლიათ უფრო მეტი კონტროლი მოახდინოთ იმაზე, თუ როგორ ხდება ტექსტური სივრცეები და სადაც არღვევს ხაზებს.

ეს უკვე ცნობილია, როგორც წინასწარ ფორმატირებული ტექსტი (სხვა სიტყვებით, თქვენ უკარნახავ ფორმატს). HTML- ის წინასწარ ტეგით შეგიძლიათ წინასწარ დაფორმატებული ტექსტი თქვენს ვებ-გვერდებზე.

გამოყენება <წინა> საკვანძო

მრავალი წლის წინ, იგი ჩვეულებრივ ვებ გვერდებზე წინასწარ დაფორმატებული ტექსტების ბლოკებს იხილავდა. გამოყენებით წინასწარ tag განყოფის გვერდი, როგორც ფორმატირებული მიერ აკრეფით თავად იყო სწრაფი და მარტივი გზა ვებ დიზაინერებს მიიღონ ტექსტი ცარიელია, როგორც უნდოდათ მას.

ეს იყო განლაგება CSS- ის განლაგების დაწყებამდე, როდესაც ვებ დიზაინერები მართლაც ცდილობდნენ განლაგებას მაგიდის და სხვა HTML- ის მეთოდების გამოყენებით. ეს (kinda) მუშაობდა უკან იმიტომ, რომ წინასწარ ფორმატირებული ტექსტი განისაზღვრება, როგორც ტექსტი, რომელშიც სტრუქტურა განისაზღვრება ტიპოგრაფიული კონვერტებით, ვიდრე HTML გაწევა.

დღეს, ეს ტეგი არ არის გამოყენებული იმდენად, რამდენადაც CSS გვაძლევს საშუალებას ვიზუალურ სტილის უკარნახოს უფრო ეფექტურად გავუწიოთ ვიდრე ჩვენი HTML- ს გამოსაყენებლად და იმის გამო, რომ ვებ-სტანდარტი შეესაბამება სტრუქტურას (HTML) და სტილი (CSS). მიუხედავად ამისა, შეიძლება არსებობდეს შემთხვევები წინასწარ დაფორმატებული ტექსტის გაგებით, ისევე როგორც საფოსტო გზავნილისთვის, სადაც გინდათ ხაზის შეწყვეტა ან პოეზიის მაგალითები, სადაც ხაზის დარღვევები მნიშვნელოვანია შინაარსის მოსმენით და საერთო მოცულობით.

აქ არის ერთი გზა გამოიყენოთ HTML

 tag: 

 
 Twas brillig და slithey toves გააკეთა gyre და gimble wabe  
 ტიპიური HTML დოკუმენტში თეთრი სივრცე ჩამოინგრა. ეს იმას ნიშნავს, რომ ვაგონი ბრუნდება, ფართები და tab ტექსტები გამოიყენება ამ ტექსტში ყველა ჩამოიშლება ერთი სივრცე. თუ აკრეფილი ზემოთ ციტირებით ტიპიური HTML ტეგით, როგორიცაა p (პუნქტი) tag, თქვენ დასრულდება ერთი ტექსტი ტექსტი, როგორიცაა: 
 თვალები ბრწყინვალე და სლეიტი უდაბნოში გრეი და ბრწყინავს 
 წინასწარ tag ტოვებს თეთრი სივრცეში სიმბოლოები, როგორც არის. ასე რომ, ხაზის წყვეტები, სივრცეები და ჩანართები ყველა დაცულია ბრაუზერის ამ შინაარსის გაწევისას. ამ ტექსტისთვის წინასწარ ტეგით ციტირებით შეყვანის შედეგად გამოჩნდება: 
 თვალები ბრწყინვალე და სლეიტი უდაბნოში გრეი და ბრწყინავს 
 ფონტის შესახებ 
 წინასწარ tag ზე მეტი, ვიდრე უბრალოდ შეინარჩუნოს ფართები და შესვენებები ტექსტი თქვენ წერენ. უმეტეს ბრაუზერებში, ეს არის მონოფლის შრიფტით დაწერილი. ეს ქმნის სიმბოლოებს ტექსტში ყველა თანაბარ სიგანეზე. სხვა სიტყვებით რომ ვთქვათ, წერილი მეტ-ნაკლებად იკავებს როგორც წერილს. 
 თუ გსურთ გამოიყენოთ სხვა შრიფტის გამოყენება default monospace ერთი, რომ ბრაუზერის ჩვენება, შეგიძლიათ კვლავ შეცვალოთ ეს სტილის ფურცლები და აირჩიეთ ნებისმიერი სხვა შრიფტი გსურთ ტექსტი უნდა გამოიტანოს . 
 HTML5 
 ერთი რამ უნდა იყოს მავიწყდება ის, რომ HTML5- ზე, "სიგანე" ატრიბუტი აღარ არის მხარდაჭერილი 
 ელემენტი. In HTML 4.01, სიგანე მითითებული რაოდენობის სიმბოლოებს, რომ ხაზი შეიცავდეს, მაგრამ ეს უკვე დაეცა HTML5 და მის ფარგლებს გარეთ. 

 რედაქტირებულია Jeremy Girard on 2/2/17