Качество веб - Важные элементы HTML

Для повышения качества веб-страниц, <DOCTYPE>, <title> и <h1> являются важными тегами.

Элемент <DOCTYPE>

Doctype означает "декларацию типа документа" (DTD).

Все страницы HTML и XHTML должны использовать элемент <Doctype>, чтобы определить,何种 HTML-версию они используют.

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

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

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

См. также:HTML тег <!DOCTYPE>

<title> элемент

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

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

  • Список поисковых систем
  • Строка заголовка окна
  • В закладках пользователей

Заголовок должен быть как можно короче и иметь описательную природу.

Когда某个用户在 internet 上搜索网站时，большинство поисковых систем показывают заголовок веб-сайта в результатах поиска. Убедитесь, что заголовок соответствует содержимому веб-страницы. Таким образом, пользователи имеют больше шансов кликнуть по этим ссылкам и перейти на ваш веб-сайт.

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

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

Хорошие заголовки:

<title>Тutorиал по HTML</title>
<title>Введение в XML</title>

Плохие заголовки:

<title>Введение</title>
<title>Глава 1</title>
<title>CodeW3C.com предлагает整套 хорошо организованных и легко понимаемых tutorиалов по HTML, CSS, JavaScript,</title>
Тutorиалы по DHTML, XML, XHTML, WAP, ASP, SQL, включая множество примеров и исходного кода.</title>

См. также:HTML <title> тег

Элемент <h1>

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

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

Убедитесь, что <h1> используется для верхнего заголовка, <h2> и <h3> для более низких уровней.

Вы можете попробовать создать свою веб-страницу на основе этой шаблона:

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

См. также:HTML <h1> - <h6> теги