Последние учебники веб-разработки
 

веб-качества


Используя новейшие веб-стандарты, улучшает качество вашего веб-сайта.


Использование HTML 5

Написание ваших страниц самого последнего стандарта HTML5, приносит вам как можно ближе к совершенству.

Все HTML-страницы должны содержать <! DOCTYPE> элемент а, чтобы определить, какая версия HTML оно соответствует.

DOCTYPE дает важную информацию для вашего браузера, чтобы он мог оказать страницу быстрее и более последовательно.

Декларация DOCTYPE также позволяет проверки программного обеспечения для проверки синтаксиса вашей страницы:

<!DOCTYPE html>

Использовать отдельный CSS файлов

Использование каскадных таблиц стилей (CSS), является предпочтительным способом разделения контента от стиля, в качественных веб-страниц.

Использование CSS улучшает качество веб-сайтов и повышает читаемость для различных браузеров.

Стили (размеры, шрифты, цвета и многое другое) должны быть установлены за пределами веб-страниц, в отдельных CSS файлах. Использование отдельного файла CSS будет также значительно снизить затраты на разработку сайта веб.

С отдельным файлом CSS вы можете изменить стиль HTML-элементов, переписав одну строку кода. Если вы использовали CSS внутри ваших страниц, вам придется редактировать все эти страницы.


Web Validation

Валидатор это программа, которая может проверить ваши веб-страницы с веб-стандартами.

При использовании валидатора для проверки HTML и CSS документы, валидатор возвращает список найденных ошибок, в соответствии с выбранной Вами стандарта.

Убедитесь, что вы делаете это в привычку проверять все ваши веб-страницы перед публикацией.


Название элемента

Элемент <название> является одним из наиболее важных элементов HTML. Его основной функцией является для описания содержимого веб-страницы.

Даже если название не является видимой частью вашей веб-страницы, важно качество вашего веб-сайта, так как:

  • Он будет виден в поисковых списках двигателя
  • Это видно в строке заголовка браузера
  • Он будет отображаться в закладке пользователя

Название должно быть коротким и описательным, насколько это возможно.

Убедитесь, что название соответствует содержанию пользователь ищет. Тогда, скорее всего, пользователь будет нажать на ссылку, чтобы посетить ваш веб-сайт.

Хорошие примеры название:

<Название> Учебник HTML </ title>

<Название> XML Введение </ title>

Плохие примеры название:

<Title> Введение </ title>

<Название> Глава 1 </ title>

<Название> w3ii имеет коллекцию наград, хорошо организованной, и легко понять, HTML, CSS, JavaScript, XML, SQL и учебники с большим количеством рабочих примеров и исходного кода. </ Title>


Элементы заголовков

Элемент <h1> используется для описания основной заголовок веб-страницы.

Поскольку некоторые веб-браузеры отображают элемент <h1> в очень большой шрифт по умолчанию, некоторые веб-разработчики будут использовать элемент <h2> вместо элемента <h1> для основных товарных позиций. Это смутит большинство поисковых систем и другого программного обеспечения, которые будут пытаться «понимать» структуру веб-страницы.

Используйте <h1> для основных товарных позиций, и <h2> и <h3> для нижних заголовков уровня.

Попробуйте структурировать ваши заголовки после этого шаблона:

Основной заголовок

Некоторые исходный текст

Уровень 2 заголовок

Это некоторый текст. Это некоторый текст. Это некоторый текст.

Уровень 3 заголовка

Это некоторый текст. Это некоторый текст. Это некоторый текст.

Если вам не нравится размер по умолчанию для заголовков, используйте CSS, чтобы изменить его.


Наборы символов

Все стандарты W3C (с 1996) определяет внутренний набор символов, называемый Unicode (ISO 10646).

Все современные веб-браузеры используют этот набор символов внутри страны. Большинство документов, передаваемых через Интернет, не использовать набор символов Unicode.

Из-за этого, браузеры и серверы должны иметь возможность договориться о наборе символов, используемых в общении между ними.

Пометка каждый документ с соответствующим набором символов, имеет важное значение для качества вашего веб-сайта.

Для ваших HTML-страниц, всегда используйте следующий мета-элемент внутри элемента <HEAD>:

<meta charset="x">

Заменить х с набором символов вы хотели бы использовать, как ISO-8859-1, UTF-8 или UTF-16.


Форматы даты

Не используйте даты как "04-03-02".

Дата выше может означать 2-го марта 2004 г. Это может также означать 4-го марта 2002 года или даже 3-го апреля 2002 года.

Международная организация по стандартизации (ISO) определила международный формат для дат, как "гггг-мм-дд", где YYYY является годом, мм месяц, а дд это день.

При использовании этого формата ISO, вы можете ожидать, что большинство посетителей, чтобы понять ваши даты.