Как изучить веб-стандарты
Многие участники классической версии веб-стандартизации задают этот вопрос. Я думаю, этот вопрос задаст каждый, кто не знаком с веб-стандартами. Я суммирую его на основе собственного опыта.
Шаг 1. Не просто используйте DW и другие инструменты для разработки веб-страниц, познакомьтесь с языком (X)HTML и языком CSS.
Поскольку веб-стандарты ужесточают требования к коду, невозможно пройти проверку без определенного понимания кода xhtml. Инструменты DW также можно использовать, но для написания веб-страницы вам придется просмотреть код.
Первое — это xhtml-код, его не так много, умейте им пользоваться, как правильно его писать и не забывайте закрывать тег. Например, <img/><br/>. Рекомендуется прочитать некоторые справочные руководства по HTML. В конце концов, xhtml обновлен из html, и многие теги все еще используются.
Шаг 2. Создайте стандартизированную декларацию (DOCTYPE) и запустите
<!–(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="[email protected] ,阿杰" />
<!–Установить информацию об авторских правах сайта–>
<meta name=”Авторское право” content=”www.w3cn.org, свободное авторское право, любое воспроизведение” />
<!–Краткая информация о сайте (рекомендуется)–>
<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="таблица стилей" rev="таблица стилей" href="css/style.css" type="text/css" media="all" />
<style type="text/css" media="all">@import url( css/style01.css );</style>
<!–RSS–>
<link rel="alternate" type="application/rss+xml" title="пространство greengnn" href="http://www.jluvip.com/blog/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. Примените веб-стандарты для создания веб-страниц, создайте собственные спецификации кода веб-стандартов и повысьте эффективность разработки.