Я знаком с веб-стандартами уже давно, но начал практиковать их совсем недавно. Сегодня я хотел бы поделиться некоторыми мыслями о структуре кода с такими новичками, как волки. Эта статья является ознакомительным чтением.
Некоторые друзья могут почувствовать некоторое замешательство, увидев это название, поэтому позвольте Вольфу объяснить его всем.
Прежде всего, давайте поговорим о понимании Вольфом части речи «DIV CSS». Вольф считает, что это прилагательное. Она описала внедрение технологии веб-дизайна, которая использует DIV (на самом деле XHTML) в качестве структуры и CSS в качестве представления. Когда веб-стандарты были представлены в Китае, многие люди описывали использование веб-стандартного дизайна как «DIV CSS», чтобы облегчить понимание всем! Однако возникли и проблемы! Многие дизайнеры, плохо знакомые с веб-стандартами, просто думают, что им следует использовать DIV вместо исходного макета таблицы. Структура разработанных ими веб-страниц также включает DIV и CSS.
Возникающая ошибка показана на рисунке. Все элементы имеют макет DIV.
Простой анализ ошибки. Из-за неправильного понимания многие новички будут полностью использовать DIV для верстки. В такой структуре DIV2 и 3 вообще не имеют семантики. Одна из причин, по которой мы принимаем веб-стандарты, — сделать структуру кода более осмысленной. Я помню, как подумал, что эксперты сказали, что использовать DIV без разбора так же плохо, как использовать макет таблицы.
Фактически, мы можем изменить код следующим образом. Давайте улучшим структуру нашей веб-страницы.
Здесь DIV2 и 3 заменены на h2 и p, которые более соответствуют содержимому страницы. Сделайте структуру кода страницы более понятной и осмысленной.
Я считаю, что каждый должен понять значение фразы «DIV CSS на самом деле не DIV CSS» на примере Вольфа.