Კომპიუტერები, Პროგრამირება
HTML ტეგები ტექსტი: განზომილება, ზომა, შრიფტი
როგორც ჩანს, რატომ უნდა იცოდეთ HTML ტეგები ტექსტი, თუ ახლა თითქმის ყველა ადმინისტრაციაში არის მოსახერხებელი ვიზუალური რედაქტორი, რომელიც ავტომატურად აყენებს მათ?
ფაქტია, რომ საიტის შინაარსის ფორმატირება ფუნდამენტურად განსხვავდება საოფისე პროგრამებში. ეს არ არის საკმარისი იმისათვის, რომ ტექსტი გამოიყურებოდეს მიმზიდველს, რადგან სწორი დიზაინი დამოკიდებულია არა მხოლოდ ვებ-გვერდის ჩვენების მიხედვით, არამედ მისი საძიებო სისტემებში.
HTML ტეგები და ატრიბუტები: სინტაქსის საფუძვლები
ნებისმიერ ტექსტს გააჩნია დამალული კოდი, რომელიც "განმარტავს" კომპიუტერს კომპიუტერზე რა და როგორ უნდა გამოჩნდეს ეკრანზე. ყველა ინფორმაცია ჩაწერილია უნივერსალური ელემენტების კომპლექტის გამოყენებით.
ფაქტობრივად, HTML ტეგები ტექსტის ბრძანებები, რომ დაამატოთ კონკრეტული ბლოკები გვერდზე ან შეცვალოს მათი გამოჩენა. შესვლის სწორი ფორმატია:
გაითვალისწინეთ, რომ ყველა ტეგი არ არის შედგენილი. მაგალითად,
(line skipping) ან
(ჰორიზონტალური ხაზის დამატება) არ უნდა დაიხუროს.
რატომ არ შეგიძლიათ კოპირება სტატიებს Word და სხვა პროგრამების საიტზე რედაქტორი
მიუხედავად იმისა, რომ თანამედროვე საოფისე პროგრამების გამოყენება იგივე HTML ტეგების ტექსტისთვის, 99% შემთხვევაში, მშობლიური კოდი არ არის შესაფერისი ვებ-გვერდებზე. მაშინაც კი, თუ დოკუმენტი ჩვეულებრივ გამოაქვს განაცხადში, ფორმატში შეიძლება ვერ მოხერხდეს საიტზე ჩასმული. გარდა ამისა, დიდი რაოდენობით არასასურველი tags და ატრიბუტები, საძიებო სისტემებს არ ადეკვატურად აანალიზებენ გვერდის შინაარსს. ეს, თავის მხრივ, ძნელია ხელი შეუწყოს თქვენს რესურსს.
სუფთა და შესაბამისი კოდის მისაღებად, საჭიროა ტექსტის გასაკეთებლად რეგულარული რედაქციით შექმნილი HTML ტეგებიდან. რამდენიმე გზა არსებობს:
- "Run" სტატიის მეშვეობით "Notepad" და მხოლოდ ამის შემდეგ პასტა საიტზე. განაცხადის წაშლა ყველა HTML, ასე რომ ამის შემდეგ თქვენ უნდა ფორმატირება ტექსტი კვლავ (გამოყენებით რედაქტორი ინსტრუმენტები ან ხელით).
- სტატიების წერა და გამოქვეყნება LiveWriter- ზე. პოპულარული ბლოგის რედაქტორი დაუყოვნებლივ გამოიმუშავებს სწორ კოდს. და ცალკე ჩანართში შეგიძლიათ ნახოთ თუ როგორ გამოიყურება ტექსტი საიტზე.
- გამოიყენეთ HTML სუფთა. ეს ონლაინ მომსახურება მთლიანად არ გაანადგურებს ყველა კოდს, არამედ მხოლოდ დამატებით ფრაგმენტებს. ფილტრების გამოყენება, რომელთა შერჩევაც გსურთ. არსებობს ასევე ძლიერი ვიზუალური რედაქტორი ფორმატირება, რომელიც დასძენს ოპტიმიზირებულია ბრძანებები კოდი.
ყოველთვის შეამოწმეთ HTML ახალი ჩანაწერის განთავსებამდე. ეს არ უნდა შეიცავდეს ტეგებს, გარდა იმ შემთხვევებისა, რომლებიც ახლა შევხედავთ.
პარაგრაფები
ეს ელემენტი თითქმის ყველა სტატიაშია. თითოეული პუნქტი უნდა განთავსდეს ასეთი კონტეინერის შიგნით - ეს ქმნის გაფორმებას და საშუალებას გაძლევთ შეინახოთ ერთი სტილი საიტის ყველა გვერდს. მოხერხებულობისთვის,
tag ყოველთვის დაწერილია ახალი ხაზით.
განლაგება
ცალკე HTML ტეგით "გასწორება ტექსტი" დიდი ხნის განმავლობაში არ გამოიყენება. ამის ნაცვლად შეიქმნა უნივერსალური ატრიბუტი ALIGN. გვერდის ტექსტის ბლოკირების შესაცვლელად, უნდა აირჩიოთ 3 ღირებულების ერთ-ერთი მნიშვნელობა - ცენტრი, უფლება ან LEFT. ანალოგიურად, შეგიძლიათ დააყენოთ განლაგება სხვა ელემენტებისთვის - მაგალითად, სათაურები.
ზოგიერთ შემთხვევაში, სხვა HTML tags გამოიყენება განვიხილეთ. მაგალითად, ტექსტის განთავსება შესაძლებელია
სასაუბრო და ქვემწერებს
ქვეტექსტის სისტემა საშუალებას გაძლევთ შექმნათ ლოგიკური შინაარსის სტრუქტურა. როდესაც ტექსტის დაყოფილია სემანტიკური ბლოკები, მკითხველს ბევრად უფრო ადვილია კონცენტრირება და ვისწავლოთ ახალი ინფორმაცია. საძიებო სისტემებმა ასევე გააანალიზონ სათაურები, რათა გაიგონ, თუ რა ითხოვენ გვერდს. ამიტომ SEO ექსპერტები რეკომენდაციას იყენებენ თემატური გასაღებები.
HTML- ში, ექვსი დონე subheadings გამოიყენება - საწყისი
to . ამ სისტემაში არსებობს მკაფიო იერარქია:
-
... H1>
. მთავარი დასახელება (სტატიის სათაური, ინტერნეტ მაღაზიაში საქონელი და ა.შ.). ტექსტში მხოლოდ ერთი შეიძლება იყოს. როგორც წესი, იგი შეიცავს მთავარ გასაღებს.
-
... H2>
. მეორე დონის ქვედანაყოფები ტექსტს სემანტიკური ბლოკებად შეარყევს. მაგალითად, თუ თქვენ ხართ ნიშანი ნოუთბუქები, შეგიძლიათ გააკეთოთ რამდენიმე სხვადასხვა მოდელების სახელები.
-
... H3>
. საჭიროა მესამე დონე, თუ ტექსტი 2-დან 2 H2- ს შორისაა დაყოფილია მცირე ბლოკებად. ჩვენს მაგალითში ეს შეიძლება იყოს შეფასების კრიტერიუმი - "შესრულება", "მეხსიერება", "ვიდეო ბარათი" და ა.შ. თითოეული მოდელი. -
, ,
. პრაქტიკაში ისინი ძალიან იშვიათია. მაგრამ ზოგადი პრინციპი იგივეა - ისინი უნდა იყოს "წყობილი" ბლოკში ქვედანაყოფის უმაღლეს დონეზე.
-
... H1>
. მთავარი დასახელება (სტატიის სათაური, ინტერნეტ მაღაზიაში საქონელი და ა.შ.). ტექსტში მხოლოდ ერთიშეიძლება იყოს. როგორც წესი, იგი შეიცავს მთავარ გასაღებს.
-
... H2>
. მეორე დონის ქვედანაყოფები ტექსტს სემანტიკური ბლოკებად შეარყევს. მაგალითად, თუ თქვენ ხართ ნიშანი ნოუთბუქები, შეგიძლიათ გააკეთოთ რამდენიმესხვადასხვა მოდელების სახელები.
-
... H3>
. საჭიროა მესამე დონე, თუ ტექსტი 2-დან 2 H2- ს შორისაა დაყოფილია მცირე ბლოკებად. ჩვენს მაგალითში ეს შეიძლება იყოს შეფასების კრიტერიუმი - "შესრულება", "მეხსიერება", "ვიდეო ბარათი" და ა.შ. თითოეული მოდელი. -
,
. პრაქტიკაში ისინი ძალიან იშვიათია. მაგრამ ზოგადი პრინციპი იგივეა - ისინი უნდა იყოს "წყობილი" ბლოკში ქვედანაყოფის უმაღლეს დონეზე.,
შეინახეთ სწორი იერარქია. დავუბრუნდეთ ჩვენს მაგალითს, ეს იმას ნიშნავს, რომ თქვენ ვერ დაუყოვნებლივ შეიყვანეთ მოდელების სახელები, როგორც
ან . და კიდევ უფრო მეტიც, გამოიყენოს სხვადასხვა დონეების ქვე-სასაქონლო პოზიციების მნიშვნელობა ერთგვაროვანი ბლოკებისთვის (მაგ., ლეპტოპის გამოყოფა, რომელიც ბოლო ადგილზე გავიდა რეიტინგში დახმარებით).
დახმარებით).
და აქ არის სქემა, რომელიც დაგეხმარებათ მყისიერად მესმის და მახსოვს სწორი სტრუქტურა სათაურების HTML- ში.
სიები
ნებისმიერი ამომწურავი და ინსტრუქცია უკეთესად დაფორმატებულია, როგორც ტექსტების სპეციალური HTML ტეგების გამოყენებით (ტიპიური შეცდომა არის მხოლოდ რამდენიმე პუნქტი, რომელიც იწყება ჰიფენით ან ციფრით).
ასეთი ბლოკის სტრუქტურა ძალიან მარტივია. პირველი, ჩვენ განსაზღვრავს სიის ტიპს - იარლიყებს
- ... UL> ან დანომრილი
- ... LI>. ელემენტების რაოდენობა არ არის შეზღუდული.
ფონტის შერჩევა: და მისი ატრიბუტები
რა შემიძლია შევცვალო ეს HTML ტეგით? ტექსტის ზომა, მისი შრიფტი და ფერი - და CSS გარეშე ახალი კლასების დამატება. ეს არის ძალიან მოსახერხებელი, როდესაც თქვენ უნდა აირჩიოთ მხოლოდ ერთი წინადადება ან ფრაგმენტი.
აქვს რამდენიმე ატრიბუტი:
- სახე . გაძლევთ ტექსტის შრიფტის შესაცვლელად. თქვენ შეგიძლიათ შეუკვეთოთ რამდენიმე ვარიანტი მძიმით (Tahoma, Verdana). თუ მომხმარებელი არ ჰყავს პირველი შრიფტი, სისტემა უბრალოდ იყენებს ალტერნატივას.
- ზომა . გაზრდის ან შეამციროთ ტექსტი, მიუთითეთ შეთავაზებების ღირებულება 1-დან 7-მდე.
- ფერი . დამოკიდებულია დიზაინი, შეგიძლიათ აირჩიოთ ერთი სტანდარტული shades (წითელი, მწვანე, ლურჯი) ან შეიყვანოთ ნებისმიერი ფერი კოდი არჩევანი.
არ გამოიყენოთ პუნქტები ფორმულით ქვედანაყოფების ნაცვლად. უმჯობესია შექმნან იგივე პარამეტრები სწორი ტეგით.
ტექსტის შერჩევის გზები
ერთფეროვანი ტექსტური საბურავები, თუნდაც პუნქტებით ავარია. ყურადღების მიპყრობა და მკითხველის ინტერესი, მიზანშეწონილია ძირითადი პუნქტები ხაზგასმით. აქ არის რამდენიმე ბრძანება, რომელიც დაეხმარება გაუმკლავდეს ამ ამოცანას.
... B> . უაღრესად პოპულარული HTML ტეგი თხელი ტექსტი დაუყოვნებლივ იჭერს თვალს და, შესაბამისად, მისი დახმარებით მოხერხდება მნიშვნელოვანი თეზისები და ფაქტები.
ბევრი გაურკვეველია და tags. ვიზუალურად არ არსებობს განსხვავება, მაგრამ ისინი სხვადასხვა გზით მუშაობენ. პირველი უბრალოდ ცვლის ტექსტის გამოჩენა და მეორე ასრულებს "მაჩვენებლის" ფუნქციას და ხაზს უსვამს ყველაზე მნიშვნელოვან ფრაგმენტებს (თემატური საკვანძო სიტყვები და ფრაზები SEO- სთვის).
... I> . ელეგანტური და მკაცრი დახრილობა იდეალურია სამეცნიერო ტერმინების, უცხო სიტყვებისა და მრავალფეროვანი შეთავაზებების შესაქმნელად. სერიოზულ გამოცემებში, ხელოვნების ნაწარმოებთა ტიტული ასევე გამოირჩევა oblique ტექსტით.
... U> . ალბათ, ამდენი დავა არ იწვევდა HTML- ტეგს. ტექსტის ხაზგასმა იშვიათად გამოიყენება, რადგან ამ მეთოდის გამოყოფა ისტორიულად მიენიჭა ჰიპერბმულებს. თუ თქვენ იყენებთ სტატიებს, აღნიშნავენ, რომ ეს არის მხოლოდ შესაფერისი მოკლე ფრაგმენტები - არა უმეტეს 1 ხაზი.
... S>. საინტერესო ტეგი, რომელიც საშუალებას მოგცემთ მიიღოთ ტექსტი ბათილად. რეკლამისადმი ძალიან მნიშვნელოვანია - მაგალითად, ძველი და ახალი ფასებისგან განსხვავებით.... BIG> . შრიფტის ზომის გაზრდის მარტივი გზა დამატებითი პარამეტრების გარეშე.
... SMALL> . მუშაობს იმავე პრინციპზე, როგორც წინა ტეგი. ტექსტის შიგნით ძირითადი ტექსტი შედის შედარებით.
... SUP> . ამ ფორმატის სწორი სახელია ზედაპირი. ძირითადად, ეს ტეგი განკუთვნილია მათემატიკური ხარისხებისა და სქოლიოებისთვის. ის ამცირებს შრიფტის ზომას და შერჩეული ტექსტის გადანაცვლებს.
... SUB> . გამოწერილი ხშირად გვხვდება სხვადასხვა ფორმულებით. შერჩეული ფრაგმენტი მდებარეობს ძირითადი ტექსტის ქვემოთ.
სემანტიკური კონტეინერები
მას შემდეგ, რაც რამდენიმე ბლოკად იპოვეს მრავალი ტექსტით, მათთვის შექმნილი სპეციალური ჩანთები შეიქმნა. ეს ამარტივებს ფორმულარს, რადგან თუ თითოეული ტიპის შინაარსს აქვს თავისი საკუთარი სტილი, საკმარისია შეარჩიოს ტექსტის ფრაგმენტი და მიუთითოს რა ინფორმაცია შეიცავს მას.
... CODE>. Tag კოდის დასტებისთვის. ეს არ არის შეუცვლელი სტატიების მაგალითები პროგრამირების მაგალითები - ბრძანებები არ შესრულდება, მაგრამ ნაჩვენებია როგორც უბრალო ტექსტი.... CITE> . იგი განკუთვნილია ციტატების ფორმულირებისთვის - მაგალითად, ინტერვიუდან ძირითადი ნაწყვეტები.
... BLOCKQUOTE>
. იგი იღებს ნაწილს ტექსტი ცალკე ბლოკში. ჩვეულებრივ, შერჩევა უფრო დიდი ზღვარია მარცხნივ, მაგრამ CSS- ში ასევე შეგიძლიათ შეცვალოთ ტექსტის ზომა, სტილი და ფერი.... ADDRESS> . დამატებითი ტეგი, რომელიც შეიცავს ინფორმაციას ავტორის, მათ შორის კავშირების შესახებ.
გამოყოფის ხაზი
მარტივი ბარის გამოყენებით, შეგიძლიათ დანიშნოთ დიდი მონაკვეთის ლოგიკური დასასრული.
არ ვრცელდება შეწყვილებულ tags. ეს ნიშნავს, რომ ფორმატის დახურვის ელემენტი არ არის საჭირო.გამოყენებით WIDTH ატრიბუტი, შეგიძლიათ გააკეთოთ გამყოფი მოკლეა მიერ განსაზღვრა შესაფერისი ზომა პიქსელებში ან პროცენტს სიგანე ფანჯარა.
სწავლისას, თუ როგორ გამოიყენოთ ტეგები სწორად ფორმატში ტექსტის HTML, თქვენ არა მხოლოდ თქვენი სტატიები ადვილად წასაკითხი, არამედ გაზრდის ეფექტურობის SEO.
- ... OL>.
ყველა ელემენტს შორის არის გახსნისა და დახურვის tags. სიაში თითოეული ელემენტი იწყება ახალი ხაზით და აქვს ფორმატი
Similar articles
Trending Now