საიტის ვალიდაციის შეცდომების ანალიზი

საბოლოოდ თავისუფალი დრო მქონდა შეკვეთების გაუთავებელ სერიას შორის და გადავწყვიტე ჩემი ბლოგის დაწყება. შევეცადოთ გავაუმჯობესოთ იგი ვალიდაციის თვალსაზრისით. ქვემოთ სტატიაში გეტყვით რა არის საიტის ვალიდაცია, html კოდიდა css, რატომ არის საჭირო და როგორ მივიყვანოთ საიტი სტანდარტებთან კონკრეტული მაგალითის გამოყენებით.

რა არის საიტის დადასტურება?

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

ვებგვერდის გვერდის ვალიდაციის გავლის კონკრეტული მაგალითი

ავიღოთ ჩემი საიტის პირველი გვერდი - Base64 კოდირება და გაშიფვრა Java 8-ში. მოდით შეავსოთ გვერდის მისამართი ვალიდატორში და შევხედოთ შედეგს:

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

გაანალიზების რეჟიმის დადგენა შეუძლებელია! ვალიდატორს შეუძლია დოკუმენტების დამუშავება როგორც XML (დოკუმენტის ტიპებისთვის, როგორიცაა XHTML, SVG და ა.შ.) ან SGML (HTML 4.01 და წინა ვერსიებისთვის). ამ დოკუმენტისთვის ხელმისაწვდომი ინფორმაცია არ იყო საკმარისი ანალიზების რეჟიმის ცალსახად დასადგენად, რადგან: MIME მედიის ტიპი (ტექსტი/html) შეიძლება გამოყენებულ იქნას XML ან SGML დოკუმენტის ტიპებისთვის. დოკუმენტის ცნობილი ტიპი ვერ იქნა აღმოჩენილი არა XML დეკლარაცია (მაგ.) შეგიძლიათ იხილოთ დოკუმენტის დასაწყისში. არ არის XML სახელთა სივრცე (მაგ ) შეიძლება მოიძებნოს დოკუმენტის ძირში. როგორც ნაგულისხმევი, ვალიდატორი ბრუნდება SGML რეჟიმში. გაფრთხილება DOCTYPE ვერ მოიძებნა! შემოწმება ნაგულისხმევი HTML 4.01 გარდამავალი დოკუმენტის ტიპით. ამ დოკუმენტში DOCTYPE დეკლარაცია ვერ მოიძებნა და ვერ იქნა აღიარებული. ეს ზოგადად ნიშნავს, რომ დოკუმენტი არ აცხადებს თავის დოკუმენტის ტიპს ზედა ნაწილში. ეს ასევე შეიძლება ნიშნავდეს, რომ DOCTYPE დეკლარაცია შეიცავს ორთოგრაფიულ შეცდომას, ან რომ ის არ იყენებს სწორ სინტაქსს. დოკუმენტი შემოწმდა ნაგულისხმევი "ნაგულისხმევი" დოკუმენტის ტიპის განსაზღვრის გამოყენებით, რომელიც ძალიან ჰგავს "HTML 4.01 გარდამავალს". ეს იგივეა. და გამოსწორება მარტივია: გვერდის დასაწყისშივე დაამატეთ ტეგი:

ჩვენ ვამოწმებთ რა გავაკეთეთ და ვხედავთ, რომ მხოლოდ ამ ტეგით მოვაცილეთ 105 შეცდომა და 3 გაფრთხილება! ახლა მხოლოდ 64 გაფრთხილება გვაქვს დარჩენილი. დავიწყოთ მათი დაშორება სათითაოდ.

გაფრთხილება: სტილის ელემენტის ტიპის ატრიბუტი საჭირო არ არის და უნდა გამოტოვოთ. მე-5 სტრიქონიდან, სვეტი 1; მე-5 სტრიქონამდე, სვეტი 23 /x-icon">↩