გაშვების დროის კონფიგურაცია. შექმენით: შესვლა და რეგისტრაცია მოდალურ windows-ში არაკომერციული რეგისტრაციის შეცდომა html

დიზაინერები საათებს ხარჯავენ თავიანთი ხელნაკეთობების დახვეწაში, რათა ყურადღებით დააზუსტონ ვებსაიტების დიზაინის უმცირესი დეტალები, რომლებიც გამოდის მათი კალმებიდან. თუმცა, კოდის ხარისხი ძალიან ხშირად რჩება ძალიან დაბალი. გჭირდებათ მტკიცებულება? შეამოწმეთ უფასო CSS შაბლონების გალერეები. შაბლონების 90% ვერ გაივლის შემოწმებას. უფრო მეტიც, შეცდომების უმეტესობა ძალიან პრიმიტიულია და ძალიან ადვილი გამოსასწორებელია. ამ გაკვეთილზე განვიხილავთ HTML კოდში არსებულ ტიპურ შეცდომებს, რომლებიც ხელს უშლის ვერიფიკაციის წარმატებით დასრულებას.

რატომ შეამოწმეთ კოდი?

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

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

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

საერთო შეცდომები

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


ყველაზე ცუდი შეცდომა ის არის, რომ არ გამოიყენოთ დოქტიპი! არანაირი ტეგი დოქტიპინიშნავს, რომ ბრაუზერი „გამოიცნობს“ რა ენას გამოიყენებდა დოკუმენტის შესაქმნელად. შეცდომის გამოსასწორებლად, თქვენ უნდა მიუთითოთ თქვენი გვერდის დოკუმენტის ტიპი.

ელემენტი არ არის დახურული


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

გამოტოვებს / სიმბოლოს თვითდახურვის ელემენტებში


HTML ელემენტების უმეტესობას აქვს ცალკეული დახურვის ტეგები, მაგალითად:

. მაგრამ არის ისეთი ელემენტები, როგორიცაა input , img და meta, რომლებიც იხურება თავისთავად, რაც ნიშნავს, რომ მათ უნდა ჰქონდეთ / დახურვის ფრჩხილამდე.

სპეციალური სიმბოლოები არ არის გარდაქმნილი


URL-ში შეუქცევადი სიმბოლოები


წინა პუნქტის მიხედვით, სპეციალური სიმბოლოები, განსაკუთრებით ამპერსანდი, უნდა იყოს კოდირებული URL სტრიქონებში. PHP-ის გამოყენებით აშენებული ვებსაიტების ბმულები ხშირად შეიცავს ცვლადებს & სიმბოლოს გამოყენებით და უნდა დაიწეროს HTML და კოდის გამოყენებით.

ელემენტების დაბლოკვა inline ელემენტების შიგნით


HTML-ის ერთ-ერთი ძირითადი წესი არის ის, რომ ბლოკის ელემენტები არასოდეს უნდა იყოს შეტანილი შიდა ელემენტებში.

შეცდომის პოპულარული მაგალითია სათაურის ბმულის გამოყენება:

ბანანი

არის ბლოკის ელემენტი, ამიტომ ის უნდა შემოიფაროს ბმულზე (inline ელემენტი):

ბანანი

.

გამოსახულების alt ატრიბუტი აკლია


HTML დოკუმენტის ყველა სურათს უნდა ჰქონდეს alt ატრიბუტი, რომელიც აღწერს სურათის შინაარსს. მაშინაც კი, თუ გამოსახულება დიზაინის მიზნებისთვისაა, მას უნდა ჰქონდეს alt ატრიბუტი, მაგრამ ამ შემთხვევაში უნდა დარჩეს ცარიელი, მაგალითად, alt="" . სხვა შემთხვევაში, თქვენ უნდა მიუთითოთ სურათის შინაარსის აღწერა.

ატრიბუტების გამოყენება, როგორიცაა სიგანე და სიმაღლე


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

კლასის სახელი ან ID იწყება ნომრით


კლასის სახელი, ID ან ატრიბუტის სახელი არ შეიძლება დაიწყოს რიცხვით. ისინი შეიძლება შეიცავდეს რიცხვებს, მაგრამ არა სიტყვის დასაწყისში.

რა სიტუაციაა CSS კოდის შემოწმებისას?


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

რექტორთან ახლოს 2012 წლის 19 სექტემბერი, 11:16 საათი

შეცდომები, რომლებიც თავიდან უნდა იქნას აცილებული HTML კოდის დაწერისას

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

HTML ტეგების არასწორი ჩადგმა

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

შეცდომა

Შენი ტექსტი

პრივილნო

Შენი ტექსტი

ბლოკის ელემენტების გამოყენება შიდა ელემენტების შიგნით

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

პოპულარული ინლაინ ელემენტები: , , ,
პოპულარული ბლოკის ელემენტები:

,

,

,

    ,
      , ,

      შეცდომა

      შეცდომა

      პრივილნო

      სტანდარტის მიხედვით

      სიების ბოროტად გამოყენება

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

      კოდებში სტილის გამოყენება

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

      შეცდომა

      შენი მშვენიერი ტექსტი

      სათაურის ტეგების იგნორირება

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

      ადრე

      . მათში ტექსტის დიზაინი და განლაგება შეიძლება იყოს ნებისმიერი, მაგრამ დაე, დოკუმენტი სწორად იყოს სტრუქტურირებული!

      შეცდომა შენი მშვენიერი სათაური

      თქვენი სტატიის ტექსტი.

      პრივილნო

      შენი მშვენიერი სათაური

      თქვენი სტატიის ტექსტი.

      FORM ტეგის არასწორი გამოყენება

      ჩვენ ყველა ხშირად ვუშვებთ შეცდომებს HTML-ში ფორმებისა და ცხრილების შექმნისას. გახსოვდეთ, რომ ცხრილი უნდა შეიქმნას ფორმის შიგნით!

      შეცდომა

      ...
      პრივილნო
      ...

      არ იყენებს ALT ატრიბუტს

      სურათებთან მუშაობისას უნდა გამოიყენოთ ALT ატრიბუტი. ეს აუცილებელია იმისთვის, რომ მომხმარებლებს შეეძლოთ განსაზღვრონ რა უნდა იყოს გამოსახულების ადგილზე, მაშინაც კი, თუ ისინი იყენებენ ძალიან ნელ კავშირს. ეს მნიშვნელობა უნდა აღწერდეს გამოყენებული გამოსახულების არსს. არასოდეს გამოიყენოთ alt="image". თუ სურათი ასრულებს წმინდა დეკორატიულ ფუნქციებს, მაშინ გამოიყენეთ alt = "*".

      შეცდომა პრივილნო

      არასწორი ტეგები თამამი ან დახრილი ასოებისთვის

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

      ხაზის წყვეტების უსარგებლო გამოყენება

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

      შეცდომა პირველი აბზაცი.


      ტექსტის გაგრძელება. პრივილნო

      პირველი აბზაცი.

      ტექსტის გაგრძელება.

      ტეგები: HTML, შეცდომები

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

      ყველაზე საშიში HTML შეცდომები კოდში

      ერთმა ან მეტმა HTML შეცდომამ შეიძლება გაართულოს ნებისმიერი მოთხოვნისთვის გვერდის შინაარსის ინდექსირება და სწორი რანჟირება და მათი სიმრავლე საიტის ყველა გვერდზე მიანიშნებს საძიებო სისტემებზე საიტის ცუდი ხარისხის შესახებ.
      ყველაზე საშიშია უხეში html შეცდომების დაშვება, როგორიცაა:

      დახურული HTML ტეგები დიდი შეცდომაა

      ყველაზე საშიში შეცდომა. და რაც უფრო მაღალია ეს დაუხურავი ტეგი გვერდის კოდში, მით უფრო საშიშია იგი.
      მე ვიცი შემთხვევები, როდესაც დახურული ტეგი არ არის ᲑᲛᲣᲚᲘან მეტაგანყოფილებაში HEADშეამცირა პოზიციები შეკითხვებისთვის (უფრო სწორად, არც კი შეამცირა ისინი, არამედ გამორიცხა, რადგან გვერდი ვერ მოიძებნა ძიების შედეგებიდან 100 გვერდზეც კი).
      სხვა შემთხვევაში, არასწორი დეკლარაციის გამო, განყოფილებაში ყველა ტეგი არ დაიხურა HEADდა ზოგიერთი გვერდზე, რამაც საბოლოოდ გამოიწვია საიტის აკრძალვა Yandex-ში.

      დაუხურავი NOINDEX ტეგი - ნაკლებად საშიში შეცდომა

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

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

      არასაშიში HTML შეცდომები

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

      როგორ შევამოწმოთ შეცდომები საიტის HTML კოდში (ვალიდობა)

      HTML კოდის შესამოწმებლად შეცდომებზე, არსებობს ერთი და ყველაზე საიმედო ინსტრუმენტი: Code Validator. მისი დახმარებით თქვენ შეგიძლიათ შეამოწმოთ შეცდომები საიტის გვერდების HTML კოდში არა მხოლოდ ფორმაში მათი URL შეყვანით, არამედ უბრალოდ გვერდის საწყისი კოდის ტექსტური ვერსიის ჩასმით.

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

      რომელიც იყენებს CSS და JavaScript-ს. ვინაიდან ყველა ვებსაიტი უნიკალურია, შესაძლებელია, რომ შეგხვდეთ კონფლიქტები ჩვენსა და თქვენს კოდებს შორის.

      ამ სტატიაში თქვენ შეისწავლით თუ როგორ უნდა მოაგვაროთ ზოგიერთი საერთო პრობლემა ჩაშენებული რეგისტრაციის ფორმებით.

      ჩემი ფორმა არ აჩვენებს წარმატების ან შეცდომის შეტყობინებებს.

      იმის უზრუნველსაყოფად, რომ JavaScript ჩართულია თქვენი ჩაშენებული ფორმისთვის და თქვენი საიტის განახლებისთვის, მიჰყევით ამ ნაბიჯებს.

      1. გადადით ჩანართზე.
      2. თუ თქვენ გაქვთ ერთზე მეტი აუდიტორია, დააწკაპუნეთ ამჟამინდელი აუდიტორიაჩამოსაშლელი და აირჩიეთ ის, ვისთანაც გსურთ მუშაობა.
      3. დააწკაპუნეთ აუდიტორიის მართვაჩამოსაშლელი და აირჩიეთ რეგისტრაციის ფორმები.
      4. აირჩიეთ ჩაშენებული ფორმები.
      5. დააწკაპუნეთ კლასიკურიჩანართი.
      6. ში გააძლიერე შენი ფორმაგანყოფილება, დარწმუნდით გამორთეთ ყველა Javascriptყუთი არ არის მონიშნული.
      7. ში დააკოპირეთ/ჩასვით თქვენს საიტზეველი, მონიშნეთ ყველა კოდი და დააკოპირეთ თქვენს ბუფერში.
      8. ჩასვით იგი თქვენს ვებსაიტზე, რომ შეცვალოთ თქვენი ფორმის მიმდინარე ვერსია.

      ჩაშენებული ფორმის კოდი არ მუშაობს ASP.NET-თან.

      ASP.NET გვერდები და Mailchimp ჩაშენებული ფორმის კოდი ორივე შეიცავს ფორმის ტეგებს. ფორმის ეს თეგები ეწინააღმდეგება და ხელს უშლის თქვენი აუდიტორიისთვის ახალი აბონენტის მონაცემების გაგზავნის შესაძლებლობას. თქვენ უნდა შეცვალოთ ჩაშენებული ფორმის კოდი, რომ ის იმუშაოს თქვენს ASP.NET გვერდზე. ჩვენ ვნახეთ, რომ შემდეგი კოდის ცვლილება ეხმარება ზოგიერთ მომხმარებელს, მაგრამ ჩვენ არ შეგვიძლია გარანტია, რომ ის იმუშავებს თქვენს საიტზე.

      1. Mailchimp-ის ჩაშენებული ფორმის კოდში იპოვეთ
        მონიშნეთ, დააკოპირეთ URL ქმედების თვისებისთვის და შეინახეთ სადმე მოგვიანებით გამოსაყენებლად.
      2. წაშალეთ ტეგი და ტეგი.
      3. გაგზავნის ღილაკის კოდში დაამატეთ შემდეგი კოდი. დარწმუნდით, რომ შეცვალეთ actionurlმოქმედების URL-ით, რომელიც ადრე დააკოპირეთ.
      onClick=this.form.action="actionurl";this.form.submit();

      ფორმა აჩვენებს „ძალიან ბევრი გამოწერის მცდელობა“

      თუ თქვენი ჩაშენებული ფორმა აჩვენებს შეცდომას „ძალიან ბევრი გამოწერის მცდელობა ამ ელფოსტის მისამართისთვის“, შეიძლება დაგჭირდეთ ინტერნეტ ბრაუზერში ავტომატური შევსების ფუნქციის გამორთვა.

      შეცდომის გამოსასწორებლად გამორთეთ ავტომატური შევსება და ხელახლა სცადეთ დაახლოებით ხუთ წუთში.

გააზიარეთ