В сегодняшней сфере Интернета термин WEB-стандарт становится все более модным в представлениях пользователей и веб-разработчиков. Однако понятие WEB-стандартов слишком общее, и люди имеют разные взгляды на то, что именно представляет собой WEB-стандарт и что он содержит. На форуме конкурса шаблонов ShopEx «E-Dong Cup», спонсируемом China E-Dong.com, участники и рецензенты с энтузиазмом рассказывали о том, что такое WEB-стандарты и «методы выражения» кодов шаблонов. В этой статье объясняются взгляды автора на WEB-стандарты. Чтобы каждый мог понять концепции, обычно используемые в веб-стандартах.
Никаких так называемых «стандартов» нет, только предложения.
Прежде всего, вы должны понимать, что настоящих веб-стандартов не существует. На самом деле существуют некоторые организации, которые продвигают стандартизацию, такие как стандарты ISO и Ecma. Когда большинство людей ссылаются на WEB-стандарты, на самом деле они имеют в виду что-то из W3C. Но W3C на самом деле не устанавливает стандарты, они лишь предоставляют рекомендации. По их собственным словам: «Рекомендация W3C — это спецификация или набор руководящих принципов, которые после тщательного достижения консенсуса получили одобрение членов W3C и директора. W3C рекомендует широко применять свои Рекомендации».
Значение WEB-стандартов
Вообще говоря, WEB-стандарты состоят из следующих частей:
• Действительный HTML/XHTML.
• Семантика кода понятна.
• Разделение контента (HTML/XHTML), представления (CSS) и взаимодействия (Javascript).
Для некоторых людей веб-стандарты означают все вышеперечисленное, а для других — лишь малую часть этого. Но самое главное, эти три части являются неотъемлемой частью создания отличного сайта.
Действительный HTML/XHTML
Начнем с первого пункта: действительный код — это первый шаг на пути к WEB-стандартам. Для большинства людей валидность означает только код HTML/XHTML, но не забывайте, что существует также проверка CSS. Проверка правильности вашего кода HTML/XHTML по сути означает, соответствует ли код на вашей веб-странице выбранному вами типу документа.
Выбор правильного типа документа важен, поскольку он определяет, как интерпретируется код HTML/XHTML и как макет будет отличаться в разных браузерах. Проверенный код может хорошо отображаться в разных браузерах, не принимая во внимание слишком большую совместимость браузеров. Проверив, вы можете обнаружить потенциально опасный код на странице, исправить его, чтобы сделать процесс разработки более эффективным и сократить будущие затраты на обслуживание.
Инструмент проверки кода
• Служба проверки разметки W3C
• Надстройка Firefox HTML Validator.
• Панель инструментов разработчика Internet Explorer
Семантика кода ясна
Каждый элемент, существующий на странице, должен иметь свое значение и уметь точно выражать его значение. Проще говоря, это означает выбор подходящих элементов исходя из контекста. Примеры следующие:
Этот код неясен
| Ниже приводится цитируемое содержание: <div class="page-heading">Название страницы</div> <a class="menu-item" href="/item-1">Пункт меню 1</a> |
При той же производительности семантика гораздо яснее
| Ниже приводится цитируемое содержание: <h1>Название страницы</h1> <ul class="меню"> |
На самом деле очень просто прояснить семантику кода. Используйте h1-h6 для определения заголовка, используйте p для определения абзаца статьи, используйте ul, ol и т. д. для определения элементов списка и т. д. . . Это поможет вам легко найти нужные части кода и может значительно сократить время загрузки страницы, поскольку уменьшает объем кода. И не забывайте, что это также полезно для SEO. Четкая семантика может помочь Google и другим поисковым системам лучше индексировать ваш сайт.
Разделение контента (HTML/XHTML), представления (CSS) и взаимодействия (Javascript)
Существует множество причин, по которым так важно разделять контент (HTML/XHTML), представление (CSS) и интерактивность (Javascript). У них разное разделение труда, и разумное их использование требует тщательного рассмотрения.
Причины расставания
Производительность: внешние файлы, такие как CSS и JS, будут сохранены в кеше пользователя после первой загрузки, что экономит время последующей загрузки и улучшает удобство работы.
В целом: всегда можно найти коды и точно их разместить.
Удобство использования: вы всегда можете легко сослаться на код и повторно использовать его на своем веб-сайте.
Техническое обслуживание: все коды, связанные с производительностью и взаимодействием, хранятся централизованно, что упрощает обслуживание.
Как стать ближе к пользователям?
Некоторые люди говорят, что для того, чтобы сделать веб-сайт ближе к пользователям, требуется больше дополнительного времени, но на самом деле, если вы можете выполнить три пункта, упомянутые в статье, вы уже сделали большой шаг вперед на пути к тому, чтобы стать ближе к пользователям. пользователи.
Правильный и эффективный код облегчит вам поиск некорректного контента на странице. Код с четкой семантикой может лучше поддерживать портативные устройства, а также может улучшить просмотр веб-сайта пользователями без модификации CSS. Разделение структуры, производительности и взаимодействия позволяет веб-сайту поддерживать основные функции даже без поддержки JavaScript. Конечно, вы можете улучшить работу сайта, добавив уровень JavaScript, но это определенно не самая основная часть работы веб-сайта.