Думаю, этот вопрос задаст каждый, кто не знаком с веб-стандартами, и я подытожу его, основываясь на собственном опыте.
Шаг 1. Не просто используйте DW и другие инструменты для разработки веб-страниц, познакомьтесь с языком (X)HTML и языком CSS.
Поскольку веб-стандарты ужесточают требования к коду, невозможно пройти проверку без определенного понимания кода xhtml. Инструменты DW также можно использовать, но для написания веб-страницы вам придется просмотреть код.
Первое — это xhtml-код, его не так много, умейте им пользоваться, как правильно его писать и не забывайте закрывать тег. Например, <img/><br/>. Рекомендуется прочитать некоторые справочные руководства по HTML. В конце концов, xhtml обновлен из html, и многие теги все еще используются.
Шаг 2. Создайте стандартизированный оператор (DOCTYPE) и задайте его.
Раньше на веб-страницах, даже на крупных порталах, даже не было заявления, только <html>. Теперь вам нужно добавить заявление на свою веб-страницу, стандартизировать область заголовка и сделать поисковые системы похожими на вашу. веб-сайт.
Рекомендуемый метод письма
<!--(1) Переходный (Переходный)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--(2)Строгий (Строгий)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--(3)Тип фрейма (Набор фреймов)-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!--Задайте пространство имен (Namespace) lang="zh-CN"/-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<голова>
<!--Объявите свой язык кодировки: GB2312/UTF-8/Unicode/ISO-8859-1-->
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<!--Содержимое, подготовленное для поисковых систем-->
<!--Разрешить поисковым роботам выполнять поиск по всем ссылкам на сайте. Если вы хотите, чтобы поиск по определенным страницам не выполнялся, рекомендуется использовать метод robots.txt -->
<meta content="all" name="robots" />
<!--Установить информацию об авторе сайта-->
<meta name="author" content="Электронная почта,имя" />
<!--Установить информацию об авторских правах сайта-->
<meta name="Авторское право" content="Описание авторских прав на сайт" />
<!--Краткая информация о сайте (рекомендуется)-->
<meta name="description" content="Новый веб-дизайнер. Учебный сайт по веб-стандартам, продвигающий применение веб-стандартов в Китае" />
<!--Ключевые слова сайта (рекомендуется)-->
<meta content="проектирование, с использованием, Интернет, стандарты, xhtml, css, графика, дизайн, макет, удобство использования, доступность, w3c, w3, w3cn, ajie" name="keywords" />
<!--Избранный значок-->
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="значок ярлыка" href="/favicon.ico" type="image/x-icon" />
<title>Название веб-страницы</title>
<!--Подключить таблицу стилей-->
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<style type="text/css" media="all">
@import URL (css/style01.css);
</стиль>
<!--RSS-->
<link rel="alternate" type="application/rss+xml" title="пространство greengnn" href="http://www.*.com/feed.asp" />
<!--JS-->
<script src="js/common.js" type="text/javascript" Language="javascript" "></script>
</голова>
<тело>
</тело>
</html>
Шаг 3. Узнайте, как использовать div с CSS для макета веб-страницы.
Используйте <div> с CSS для макетирования вашей веб-страницы вместо использования таблицы. Я рекомендую вам посетить сайт bluedea.com. Вот несколько практических преимуществ.
1. Избыточность кода невелика, веб-страница открывается быстро.
2. Структура и производительность разделены. Изменить макет можно только через CSS, при этом информация остается неизменной. Это снижает затраты на обслуживание и обновления.
Шаг 4. Изучите теорию веб-стандартов, семантику, CSS и идею разделения структуры и представления.
Веб-стандарты на самом деле предлагаются только для достижения семантики тегов, разделения структуры и производительности, перехода от локализации веб-сайтов к интернационализации, обратной совместимости и независимости от устройств, чтобы ваши веб-страницы могли бесперебойно работать в Интернете.
На этом этапе вы уже можете использовать CSS для макетирования своих веб-страниц и создавать веб-страницы, которые могут пройти проверку W3C. Вы можете понять, что такое веб-стандарты, структуру и функции веб-стандартов, идеи и преимущества разделения структуры и производительности. и более глубокое знание CSS. Теория слоев, семантика тегов xhtml, теория сходства и кроссплатформенная функциональность делают ваши веб-страницы подходящими для различных браузеров и устройств.
Шаг 5. Примените веб-стандарты для создания веб-страниц, создайте собственные спецификации кода веб-стандартов и повысьте эффективность разработки.
Веб-стандарты все еще продвигаются, а зрелой модели не существует. В конце концов, требуется рукописный код. В настоящее время вы можете предложить некоторые методы повышения эффективности разработки, основываясь на собственном опыте. Вы можете назвать некоторые часто используемые фрагменты кода. и собственный CSS, а некоторые повторно используемые функциональные модули объединены в фрагменты кода для улучшения возможности повторного использования кода!