Дизайнерите прекарват часове усъвършенстване на уменията за внимателното монтиране на всеки детайл в дизайна на уеб сайтове, които излизат от своята писалка. Въпреки това, качеството на кода често остава доста нисък. Нуждаете се от доказателства? Вижте галерията на свободните CSS шаблони. 90% от шаблоните няма да мине теста. Освен това, по-голямата част от грешките е много примитивна и много лесно да се поправи. В този урок ние считаме типичните грешки в HTML кода, които пречат на успешното приключване на теста.
Защо проверка на кода?
Ако сайтът изглежда добре в браузъра, защо трябва да се провери кода? Един типичен въпрос, зададен преди да проверите код. Но на сайта не се ограничава до това, че са видими за потребителя. HTML страници се използват за представяне на данни, вместо на графични ефекти. Данните трябва да са разбираеми за всички огромната общност от хора, които използват интернет. И читателите могат да използват много различни технологии, за да се получи информацията, представена на сайта си - например, те могат да използват програмата за възпроизвеждане на гласови данни и да ги слушаме какво пише на страницата си.
Page HTML, който не съдържа грешки, най-вече ще се показва правилно в повечето браузъри, а също така ще отговарят на изискванията на бъдещите технологии. Заслужава да се спомене търсачките, ефектът от което е много важно за SEO цели. Никой не иска да създава пречки за тях, но чист и правилен код е много по-лесно на ботовете от търсенето.
Това също е въпрос на професионализъм. Грешен HTML код е много подобен на граматическите грешки в надписа на сайта. Въпреки, че клиентът може да не забележи грешката в кода - това не променя същността на въпроса. Никой не обича да граматични грешки в дизайна, но оставете грешки HTML по някаква причина не се счита за по същия срамен акт.
Общи грешки
По-долу са грешките, които се улавят в модели, известни от първата страница галерия CSS шаблони. Много уеб сайтове изглеждат страхотно и дори страхотно, но много често качеството на кода не съответства на качеството на дизайна. Въпреки че по-голямата част от тези грешки могат да бъдат фиксирани бързо и лесно.
Неизвестен тип документ
Най-голямата грешка - не използвайте Doctype. Липса на Doctype таг означава, че браузърът ще "Предполагам, че" какъв език се използва за създаване на документа. За да коригирате това, което трябва да се определи видът на страниците си документи.
Не е затворен елемент
Капки / герой в елементите на самозатварящи
Повечето HTML елементи имат някои затварящи тагове, например:
превръщат специални символи не са направени
Амперсанд и двойни кавички, които са копирани от Word, са най-често срещаните причини за тази грешка. Човек винаги трябва да проверите изходния код за наличието на такива символи и конвертиране в съответния код HTML -. Също така е необходимо да се направи и други специални знаци.
Непрореагирала знаци в URL адреса
В съответствие с предходната алинея, специални знаци, а именно символ & трябва да бъдат записани в низа URL адрес. Връзки към сайтове, изградени с помощта на PHP, често съдържат променливи с използването на символа , те трябва да се пишат с помощта на HTML код -.
Блокиране на елементи вътре с малки букви
Едно от основните правила на HTML е, че елементите на блока не трябва да се вътре вградени елементи.
Един популярен пример за грешка - използването на връзки в заглавието: банани
- блокират елемент, така че трябва да се навива около връзките (ред): банани
.
Не н атрибут на изображението
Използване на атрибути като ширина и височина
клас или име ID започва с цифра
име на клас, ID или име на атрибут не може да започва с цифра. Те могат да включват числа, но не и в началото на думата.
А какво е положението с чек CSS код?
За разлика от HTML, CSS се използва за визуално представяне на страницата. По този начин, на въпроса: "Ако страницата изглежда добре, тогава защо трябва да проверите кода?" В този случай звучи по-убедително. CSS неправилен код не разполага с такова въздействие върху уеб страницата, като неправилен код HTML. Въпреки това, проверките трябва да следват, за да се открие правописни грешки и грешки в кода. Ако използвате новите функции на CSS3, те ще направят вашия документ не е удостоверен като все още не са включени в спецификацията, но ако сте сигурни, че всичко е наред, не обръщат внимание на такива грешки.
5 урока от последната колона "HTML и DHTML"
Когато пишете или отстраняване на грешки PHP скриптове, ние често използваме var_dump () и print_r (), за да изведете разнообразни разширени данни и обекти. В този пост искам да ви разкажа за функция var_export (), който може да конвертирате масив във формат, подходящ за PHP код.
Няколко безплатно шаблони администраторския панел.
Създаване на шаблон за писане не е просто въпрос. Предлагаме Ви избор от 30 места, където можете да изтеглите тези шаблони, за да задоволят всички вкусове.
Например, имате поле за търсене, които се обработват при всяко натискане на клавиш на клавиатурата. Ако някой иска да напише думата Windows, искане AJAX ще бъде изпратено на следния фрагмент: W, Wi, Win, Wind, Windo, Window, Windows. Проблемът?.
Селекция от 15 нови сайтове, където можете да изтеглите безплатни снимки за запълване на техните сайтове.
Единственият проблем е, че
програматор
И какво пречи да използвате валиден Noindex?
вече нещо. Програматор, благодаря за Noindex, които не знаете! И всички произведения?
програматор
Но такъв въпрос, ако има грешка в действителността (в кода на страната), те оказват силно влияние върху мястото на индексиране?
Другарки и другари, и да ми кажете защо когато използвам е валидно . , Имам всички обозначения, лети блок затворени в този маркер. И ако използвате
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!