Нажмите здесь, чтобы вернуться в столбец Wulin.com HTML.
Вверху: список главы1
Оригинальный источник
Стандартизированные дизайнерские решения - руководствопо разметке
и стилю Часть 1: Начните с разметкой с разметкой Глава 2 название Обзор:Мало того, что все веб -страницы должны иметь заголовки, но они могут добавить много цвета к веб -дизайну и простоте использования, если они отмечены правильно.
С точки зрения внешнего вида, заголовок веб -страницы обычно имеет больший размер шрифта и может использовать другой цвет или шрифт из основного текста. Функция названия состоит в том, чтобы кратко описать тему, обсуждаемую в последующих главах. W3C описывает это как это - отображает сводку каждого абзаца на веб -странице.
Как создать заголовок страницы, чтобы сделать информацию, которую мы хотим представить наиболее эффективное использование? В этой главе мы изучим несколько часто используемых методов работы с названиями, попытаться выяснить один из самых полезных способов для нас, а затем мы будем использовать некоторые советы и хитрости CSS, чтобы украсить лучший метод.
Как лучше всего создать заголовок документа?Прежде чем ответить на этот вопрос, давайте предположим, что заголовок теперь размещается на вершине документа, и давайте посмотрим на три способа достижения аналогичных эффектов.
Метод A: Имеет ли это смысл?<span class = заголовок> супер крутой заголовок страницы </span>
Хотя в некоторых случаях тег <pan> является удобным тегом, он не имеет большого смысла для заголовков страниц. Единственное преимущество использования этого метода заключается в том, что мы можем указать стиль CSS для класса заголовка, чтобы текст выглядел как заголовок.
.заголовок {
размер шрифта: 24px;
шрифт-вес: жирный шрифт;
Цвет: синий;
}
Теперь все заголовки, отмеченные заголовком, станут больше, толще и синим, что здорово, верно? Но что, если кто -то использует браузер, который не поддерживает CSS для доступа к этой странице?
Например, что произойдет, если мы поместим стили CSS в внешний файл стилей, который не поддерживается старым браузером - или когда экран считывает страницу для отключенного пользователя? Пользователи, которые получают доступ к этой странице через эти каналы, не увидят (без звука) разницу между заголовком и текстом.
Метод аннотации, такой как класс = заголовок, слегка описывает значение содержимого тега, но <pan> - это всего лишь контейнер общего назначения, который позволяет большинству браузеров изменить стиль отображения по умолчанию.
Когда поисковые системы ползают на этой странице, они пропустят тег <pan>, как если бы его не было, и не увеличат вес для ключевых слов, которые могут быть включены. Позже в этой главе будет упомянуто больше отношений между поисковыми системами и заголовками страниц.
Наконец, поскольку тег <pan> является встроенным элементом, нам в основном нужно разместить содержание метода A в другой контейнер на уровне блока, такой как <p> или <div>, чтобы он мог занять одну строку. Это генерирует много ненужного кода. Даже если вы добавите необходимый контейнер, браузеры, которые не поддерживают CSS, все равно будут отображать текст своим первоначальным способом, чтобы пользователи не могли видеть какую -либо разницу между заголовком и телом.
Предыдущая Page1 2 3 4 5 Следующая страница Прочитайте полный текст