15.03.2016
Ჯერ არა
Სალამი ყველას!
მოდით გავაგრძელოთ HTML-ის საფუძვლების სწავლა. ამ გაკვეთილზე განვიხილავთ როგორ მიუთითოთ HTML კოდირებასაიტისთვის (ვებგვერდი).
ეს გაკვეთილი ძალიან მნიშვნელოვანია, რადგან არ იცოდეთ როგორ მიუთითოთ ვებ გვერდის კოდირება, შეიძლება გამოიწვიოს თქვენი გვერდი წაუკითხავი. თქვენ ჰკითხავთ: "როგორ არ შეუძლიათ?"
ნება მომეცით გაჩვენოთ, როგორ გამოიყურება ჩემი ბლოგი არასწორი კოდირებით:
Ისე, HTML კოდირება- ეს არის კოდებსა და ანბანის სიმბოლოებს შორის შესაბამისობის ცხრილები. ანუ, ჩვენი კოდირების კომპიუტერი შეცვლის კოდს მკაფიო, წასაკითხად ასოებად.
იმისათვის, რომ ბრაუზერს უთხრათ, თუ რა კოდირებით არის ვებგვერდის სიმბოლოები, თქვენ უნდა ჩაწეროთ ტეგებს შორის
აქ არის მეტა ტეგი:
გთხოვთ გაითვალისწინოთ, რომ კოდი შეიცავს სიტყვას "კოდირების სახელი". აქ თქვენ უნდა მიუთითოთ HTML კოდირება.
ეს ჩვეულებრივ არის utf-8 ან windows-1251.
კოდირება ამისთვისutf-8:
კოდირებაამისთვის windows-1251:
თუ დაგავიწყდათ ბრაუზერს უთხრათ, თუ რა კოდირებით არის განთავსებული საიტი ან ვებ გვერდი, ბრაუზერი შეეცდება ავტომატურად განსაზღვროს კოდირება, მაგრამ ეს ყოველთვის არ გამოდგება სწორად. საბოლოო შედეგი იქნება ის, რაც მე ვაჩვენე ზემოთ სურათზე.
მოდით გადავიდეთ პრაქტიკაზე.
როგორ შევქმნათ HTML დოკუმენტი
utf-8 კოდირება
"ყველა პროგრამა" => "აქსესუარები" => "ნოუთაპარი"
:
<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
</p><p> <head></head>ეს არის მეტა ტეგი:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>
<html>
<head>
<title>ჩემი პირველი HTML გვერდი StepkinBlog-ზე..<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
</p><p>დააწკაპუნეთ ნოუთბუქში <span>"ფაილი" => "შენახვა როგორც..."</span>:</p>
<p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-3.png' width="100%" loading=lazy loading=lazy></p><p><br>სადაც მითითებულია "Encoding:" პუნქტი, შეიყვანეთ "UTF-8". <br>დააწკაპუნეთ "შენახვა":</p>
<p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-4.png' width="100%" loading=lazy loading=lazy></p><p>გავადიდოთ სურათი?</p>
<h3><span>როგორ შევქმნათ HTML დოკუმენტი windows-1251 კოდირებით</span></h3>
<p>გახსენით სტანდარტული ბლოკნოტი. <span><i>"ყველა პროგრამა" => "აქსესუარები" => "ნოუთაპარი"</i>
</span>.<br>შემდეგი, ჩასვით სტანდარტული HTML კოდი Notepad-ში:</p><p>
<html>
<head>
<title>ჩემი პირველი HTML გვერდი StepkinBlog-ზე..<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
</p><p>ახლა ჩვენ მივუთითებთ, თუ რა კოდირებით არის შენახული ვებ გვერდი. ამისათვის მოათავსეთ ტეგებს შორის <head></head>ეს არის მეტა ტეგი:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</p><p>ასე უნდა გამოიყურებოდეს (სტრიქონი ნომერი 4):</p><p>
<html>
<head>
<title>ჩემი პირველი HTML გვერდი StepkinBlog-ზე..<script type="text/javascript">
<!--
var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()
//-->
</script><br>
<br>
</body>
</html>
</p><p>დააწკაპუნეთ ნოუთბუქში <span>"ფაილი" => "შენახვა როგორც..."</span>:</p>
<p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-5.png' width="100%" loading=lazy loading=lazy></p>
<p>სადაც არის პუნქტი „ფაილის სახელი“, ჩაწერეთ ვებ გვერდის სახელი ლათინურად და გაფართოებით „.html“. ვფიქრობ, ეს გახსოვთ თქვენი პირველი გაკვეთილებიდან. <br>სადაც მითითებულია "Encoding:" პუნქტი, მიუთითეთ "ANSI". <br>დააწკაპუნეთ "შენახვა":</p>
<p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p>
<p>Სულ ეს არის!</p>
<p>ვებმასტერების უმეტესობა ირჩევს UTF-8 კოდირებას. მე არ გეტყვით მიზეზებს, რადგან მეშინია გადატვირთოთ ინფორმაცია, რომელიც ჯერ კიდევ არ არის საჭირო HTML-ის ცოდნის თქვენს ეტაპზე.</p>
<p>მაგალითად, notepad-ში დააყენეთ კოდი:</p><p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</p><p>და შენახვისას მიუთითეთ "ANSI":</p>
<p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p>
<p>ვინაიდან ეს არასწორია, შედეგი იქნება ასეთი:</p>
<p>შეინახეთ თქვენი ვებ გვერდები სწორად, რათა თავიდან აიცილოთ მსგავსი შედეგები</p>
<p>წინა პოსტი <br></span>
<span>შემდეგი ჩანაწერი <br></p>
<p>ვლად მერჟევიჩი</p>
<p>მეტა ტეგები გამოიყენება ბრაუზერებისა და საძიებო სისტემებისთვის განკუთვნილი ინფორმაციის შესანახად. მაგალითად, საძიებო სისტემები წვდებიან მეტა ტეგებს საიტის აღწერილობების, საკვანძო სიტყვების და სხვა მონაცემების მისაღებად.</p>
<h2>მეტა ტეგები საძიებო სისტემებისთვის</h2>
<p>ვებ დეველოპერებს შორის არსებობს მოსაზრება, რომ სწორად დაწერილი მეტა-ტეგები საშუალებას გაძლევთ ახვიდეთ საძიებო სისტემებში. სინამდვილეში, ეს არ შეესაბამება სინამდვილეს მხოლოდ მეტა-ტეგები არ დაგეხმარებათ მაღლა ასვლაში, მაგრამ ცუდად შესრულებულმა მეტატეგმა შეიძლება გააუარესოს საიტის რეიტინგი.</p>
<p>ორი მეტატეგი შექმნილია სპეციალურად საძიებო სისტემებისთვის: აღწერა და საკვანძო სიტყვები. ზოგიერთმა ვებმასტერმა დაამატა საკვანძო სიტყვები საკვანძო სიტყვების განყოფილებაში, რომლებსაც საერთო არაფერი ჰქონდათ საიტის თემასთან, მაგრამ მაინც სარგებლობდა გარკვეული წარმატებით საძიებო სისტემის ვიზიტორებს შორის. თუმცა, გარკვეული პერიოდის შემდეგ, საძიებო სისტემებმა ისწავლეს ამ ფენომენთან გამკლავება და ვებ გვერდის შინაარსის შემოწმება მითითებულ საკვანძო სიტყვებთან შესაბამისობისთვის.</p>
<p>მეტა ტეგებთან დაკავშირებული რამდენიმე პრინციპი:</p>
<ul><li>არ შეიტანოთ საკვანძო სიტყვები, რომლებიც არ არის თქვენს გვერდებზე;</li>
<li>არ გაიმეოროთ საკვანძო სიტყვები;</li>
<li>მეტა ტეგების გამოყენება მათი დანიშნულებისამებრ;</li>
<li>გააკეთეთ საკვანძო სიტყვების აღწერა და სია განსხვავებული საიტის თითოეული გვერდისთვის, შინაარსის გათვალისწინებით.</li>
</ul><h3>აღწერა</h3>
<p>საძიებო სისტემების უმეტესობა აჩვენებს აღწერის ველის შინაარსს (მაგალითი 1) ძიების შედეგების ჩვენებისას. თუ ეს ტეგი არ არის გვერდზე, მაშინ საძიებო სისტემა უბრალოდ ჩამოთვლის გვერდზე ნაპოვნი პირველ სიტყვებს, რომლებიც, როგორც წესი, არ არის ძალიან შესაბამისი თემისთვის.</p>
<p>მაგალითი 1: აღწერილობის გამოყენება</p><p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>აღწერა
საკვანძო სიტყვები
ეს მეტათეგი გამიზნული იყო გვერდზე გამოჩენილი საკვანძო სიტყვების აღსაწერად (მაგალითი 2). მაგრამ შედეგად, იმ ადამიანების ქმედებები, რომლებსაც სურთ საძიებო სისტემების მწვერვალზე მოხვედრა ნებისმიერი საჭირო საშუალებით, ახლა უკვე დისკრედიტირებულია. ამიტომ, ბევრი საძიებო სისტემა გამოტოვებს ამ პარამეტრს.
მაგალითი 2: საკვანძო სიტყვების გამოყენება
საკვანძო სიტყვები
საკვანძო სიტყვები შეიძლება ჩამოვთვალოთ, გამოყოფილი ინტერვალით ან მძიმეებით. საძიებო სისტემები თავად გადააქცევენ ჩანაწერს მათ მიერ გამოყენებულ ფორმაში.
გვერდების ავტომატური ჩატვირთვა
გარკვეული პერიოდის შემდეგ ახალი დოკუმენტის ავტომატურად ჩამოსატვირთად გამოიყენეთ http-equiv="refresh" ინსტრუქცია (მაგალითი 3).
