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

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

Элемент <!DOCTYPE>

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

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

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

HTML 5

<!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

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

Элемент <title>

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

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

В результатах поиска
В заголовке окна
В закладках пользователя

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

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

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

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

Примеры хороших заголовков:

Примеры

<title>Учебник по HTML</title>

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

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

Примеры

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

<title>Глава 1</title>

Example Tutorial предоставляет полный набор хорошо организованных, простых для понимания учебных пособий по HTML, CSS, JavaScript, DHTML, XML, XHTML, WAP, ASP, SQL, включая множество примеров и исходный код.

<h1> Элемент

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

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

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

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

Это основной заголовок

Некоторый начальный текст

Это заголовок уровня 2

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

Это заголовок уровня 3

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

Это заголовок уровня 3

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

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

Другие расширения