12 Най-често срещаните грешки в HTML кодиране сайтове - Юрий Klyuchevskii
По-долу е да се състави списък на най-често срещаните грешки в HTML маркиране, които правят разработчиците на интерфейса. Ако не сте запознати с уеб дизайн, или програмист, който иска да се опита ръката си в предния край дизайн, се опитват да избегнат тези грешки.
1. набиран структура на блоковете на сайта, а не таблици
2. Да не се поставя блокови елементи вътре вградени елементи
По подразбиране HTML елементи се показват като блокове дисплей: блок; или като линия езика: вградени. Блок елементи като
. определи структурата на документа. String елементи като или . Те са вътре в блока. Така че не се поставя блокови елементи вътре малки букви.
3. Винаги използвайте ALT атрибути за изображения
са необходими ALT атрибути за изображение IMG таг, те описват контекста. Те помагат на търсачките по-добре индексира съдържанието на вашия сайт. Ако изображението не е смислена роля, и се използва само за дизайн, използвайте празна н маркер = ""
4. Да не се използва нов ред, за да се покаже списък
Ако искате да се покаже списък - номерирани или без номер, никога не използвайте нови редове
. За тази цел се използват тагове
- или
- .
5. Не използвайте елементите и за да маркирате текст
тагове и Той често се използва, за да маркирате текст с удебелен шрифт или в курсив. Въпреки това, семантично те се класифицират като презентационни тагове. И за стайлинг текст е по-добре да се използва CSS собственост шрифт тегло и шрифта стил. Ако по практически причини трябва да използвате тези тагове, използвайте таговете и . Те дават същия ефект, но по-семантично правилен.
6. Не използвайте няколко паузи линия
Маркерът за подаването на линия
да се използва само за един ред трансфер в рамките на една точка с текст. Не трябва да се използва за направата на различията между елементи, блокове, линии, думи или параграфи. Вертикално разделяне на елементите трябва да се използва CSS стилове.
7. Избягвайте инлайн CSS стилове в HTML код
Може би, като чу това много пъти преди. Основната идея в семантиката на HTML и CSS е да се разделят на страницата в структурата на документа и стил. Така че няма смисъл да пиша CSS стилове в HTML тагове.
8. Не се добави (и не нулира) граничен атрибут в HTML тагове
Умение граница, която е отговорна за рамката около елементите, както е представянето и следва да се уточни чрез CSS стилове, а не чрез HTML атрибути.
9. Никога не използвайте тагове
Това са етикети, никога не са били на официалните стандарти HTML документация консорциума W3C. От друга страна, използването им изглежда ужасно и не впечатляващ. Ако трябва да се привлече вниманието към определена част на страницата, се използват алтернативни методи, по-малко агресивен начин.
10. Избягвайте използването на отхвърлените елементи
Има остарели HTML тагове и атрибути, които се определят като остаряла консорциум W3C. Докато модерни браузъри все още ги подкрепят, тяхната подкрепа може да се прекрати за в бъдеще. Ето списък на изтекли артикули.
Списък остарели HTML тагове:
11. Не забравяйте да посочите DOCTYPE
DOCTYPE HTML маркиране описва какво версия използвате в документа. Ако това не е в списъка, няма да може да се провери валидността на кода си. Също така, браузъри ще направят своите предвиждания за версия на HTML код, и в резултат на страницата няма да показва начина, по който са били предназначени да бъдат. За да се уточни винаги DOCTYPE, можете да създадете шаблон страница за оформлението, които определят предварително всички необходими тагове, така че не се налага да ги пиша всеки път наново.
12. Проверка на валидността на вашите страници са изложени
В края на краищата, винаги използвайте онлайн HTML / CSS валидатора да се идентифицират грешки в маркерите си. Това са връзки към услугите на валидиране:
Искате ли да научите как да създадете уеб сайтове и уеб страници?
Това лято прекарвам разбира оформление сайтове на HTML5 CSS3. Курсът ще включва основите и усъвършенствани техники за писане на HTML маркиране за сайтове. Можете да дойде, ако сте съвсем нов, и искате да научите тези умения, или ако вече имате познания за основните неща, но искате да се наложи по-добра, по-бързо и по-ефективно. Ако искате да знаете и да научите как да използвате нови функции HTML5 CSS3 - също дойде, всичко, което ви научи.
Подобно на този пост? Сподели с приятелите си, те ще оценят:
Сподели във Facebook