Что означает W3C Знакомство со стандартами W3C?
Автор:Eve Cole
Время обновления:2024-12-25 10:04:32
Что такое W3C
W3C — это аббревиатура английского Консорциума Всемирной паутины, а китайское значение — Совет W3C или Альянс Всемирной паутины. Организация W3C — это некоммерческая организация, которая разрабатывает сетевые стандарты, такие как HTML, XHTML, CSS и XML, которые настраиваются W3C.
Основные спецификации W3C
На сегодняшний день W3C разработало более 50 спецификаций (проектов). Эти спецификации (проекты) включают HTML, HTTP, URI, XML и т. д., с которыми люди уже знакомы, а также RDF, OWL и т. д. для семантической сети.
* HTML/XHTML : HTML — одна из основ Интернета. На основе HTML в Интернете стали появляться красочные страницы, содержащие разнообразную информацию. Основанная на HTML, Интернет вышел из башни из слоновой кости простым и удобным способом и стал общественным ресурсом и богатством для всего общества. W3C последовательно запустил несколько версий HTML, включая первую версию в декабре 1997 года, обновление в апреле 1998 года и версию HTML 4.01 в декабре 1999 года. XHTML — это расширение HTML 4.01, в котором можно использовать семантические функции XML. XHTML 1.0 был выпущен в качестве рекомендуемого стандарта в январе 2000 года. XHTML Basic представляет собой независимую от устройства (например, мобильных телефонов, КПК и т. д.) модульную версию XHTML1.1.
* CSS : CSS отвечает за предоставление веб-дизайнерам богатого пространства для дизайна веб-страниц. Механизм разделения между содержимым структуры веб-страницы и ее представлением, обеспечиваемый CSS, значительно упрощает управление веб-сайтом и повышает эффективность его разработки. CSS можно использовать для управления представлением любого содержимого HTML и XML. CSS1.0 был запущен в декабре 1996 года, а CSS2.0 — в мае 1998 года.
* XML : XML 1.0, выпущенный в феврале 1998 года, является одним из наиболее перспективных и влиятельных стандартов W3C. Будучи первым важным краеугольным камнем Интернета следующего поколения, XML предоставляет мощные функции для распределенного и гетерогенного обмена данными и отделяет сами данные от их производительности. В то же время, что касается самих данных, их ценность. данные и семантика также правильно разделены. Фактически, XML превратился в семейство технологий, включая XML-схему, выпущенную в мае 2001 года, пространства имен XML, выпущенные в январе 1999 года, XSLT, выпущенный в ноябре 1999 года для обработки XML-преобразований и позиционирования в XML-документах XPath, а также XLink и XML. База выпущена в июне 2001 года. Кроме того, появление XML обеспечивает общую основу для программ автоматической обработки веб-данных и информации, а также веб-сервисов (спецификации WSDL, SOAP, UDDI).
* DOM : DOM предоставляет базовую объектную модель для обработки носителей данных, таких как HTML и XML, и носителей информации в памяти, а также может предоставлять структуры, форматы, события и т. д., связанные с файлами. Поскольку он не зависит от какого-либо языка программирования или языка описания веб-страниц, он предоставляет стандартный независимый интерфейс для эффективной обработки данных HTML и XML. DOM прошел через три версии: DOM Level 1, выпущенную в октябре 1998 года, DOM Level 2, выпущенную в ноябре 2000 года, и DOM Level 3, выпущенную в 2003 году.
Примеры использования стандартов W3C
Когда вершина:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Пожалуйста, обратите внимание на следующие ситуации. Используемые помещения основаны на предложении вверху!
1. Для всех меток используйте строчные буквы.
Рекомендуется выработать хорошую привычку использовать строчные буквы для ul span li div. Конечно, когда верхнее объявление выглядит так, как показано выше, оно не строго чувствительно к регистру.
2. Мета-заголовок файла и теги ссылок.
Ошибка: <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Правильно: <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
Ошибка: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
Правильно: <link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
Правильно: <meta http-equiv="Content-Language" content="zh-CN" >
3. JS-вызов.
Ошибка: <script src="/wl_inc/main.js" ></script>
Ошибка: <script src="/wl_inc/main.js" Language="javascript"></script>
Правильно: <script src="/wl_inc/main.js" type="text/javascript"></script>
Правильно: <script src="/wl_inc/main.js" type="text/javascript" ></script>
4. Не используйте высоту таблицы <table>, например, height="101"
Правильно: <table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellpacing="0">
5. Правильно используйте alt и заголовок
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="Наньнин Все учат" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="Наньнин Все учат">Наньнин Все учат</a>
Все изображения без ссылок должны быть добавлены с помощью alt="", например:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6. Если файл объявления такой, как указано выше, двойные или одинарные кавычки можно опустить.
Например: <div id=navpart> или <div id="navpart"> оба соответствуют стандартам W3c.
7. В форме используется только идентификатор.
Правильно: <form id="soso" метод="get" action="/WL_T_soso/" style="margin:0">
Ошибка: <form name="soso" метод="get" action="/WL_T_soso/" style="margin:0">
Ошибка: <form name="soso" id="soso" метод="get" action="/WL_T_soso/" style="margin:0">
Ошибка при использовании тега формы: <table><form><tr><td></td></tr></form></table>
Правильно: <form><table><tr><td></td></tr></table></form>
Методы удаления лишних пустых частей формы: <form style="margin:0">
8. Без косой черты/после ввода >
Ошибка: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Введите ключевое слово имени'){this.value='';}" value="Введите ключевое слово имени" />
Правильно: <input name="T_name" class="textinput" onFocus="javascript:if(this.value='Введите ключевое слово имени'){this.value='';}" value="Введите ключевое слово имени" >
9. Правильно используйте значения align и valign.
Ошибка: align="middle", вы можете использовать style="text-align:center;".
Правильно: align="left",align="left",align="right",align="justify",align="char"
Ошибка: valign="center"
Правильно: valign="top",align="middle",align="bottom",align="baseline"
10. В таблице ТАБЛИЦА используются фоновые изображения.
Ошибка: фон="/wl_pic/sp2.jpg"
Правильно: style="background:url(/wl_pic/sp2.jpg);"
Ошибка: bgColor=#eeeeee
Правильно: bgColor="#eeeeee"
11. Решения при сбое кода статистики для веб-мастеров. Измените & на &
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12. Как карта фокуса FLASH проходит проверку W3C?
<!--Начнется фокус-диаграмма-->
<тип сценария="текст/javascript">
<!--
var интервал_time=5 //Время паузы изображения, единица измерения — секунда, если 0, автоматическое переключение прекратится
вар focus_width=268 //ширина
var focus_height=222 //высота
var text_height=20 //Высота заголовка
var text_align= 'center' //Выравнивание текста заголовка (слева, по центру, справа)
var swf_height = focus_height+text_height //Сумма должна быть четным числом, иначе числа будут размыты и искажены.
<%call WL_hot_pic(5)%>
var WLABCD = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http:/ /fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab #version=8,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">';
WLABCD += '<param name="movie" value="flash/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">' ;
WLABCD += '<param name="menu" value="false"><param name=wmode value="opaque">';
WLABCD +='<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ интервал_времени+'">';
WLABCD +='<embed src="flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+ интервал_time+'" меню = "false" bgcolor="#ffffff"quality="high" width="'+ focus_width +'" height="'+ swf_height +'"allowScriptAccess="sameDomain" type="application /x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
WLABCD +='</object>';
документ.запись(WLABCD);
//-->
</скрипт>