Основные элементы Web-страницы
На любой Web-странице должны присутствовать минимум четыре элемента: ‹html›, ‹head›, ‹title› и ‹body›.
Элемент верхнего уровня ‹html›
Элемент верхнего уровня ‹html› — основной элемент Web-страницы. Он находится в вершине «дерева» Web-страницы.
В элемент ‹html› включаются два элемента — элементы ‹head› и ‹body›.
Элемент ‹head›
Элемент ‹head› выполняет служебные функции.
В элементе ‹head› находится служебная информация. Эта информация характеризует Web-страницу как единое целое.
На обычной Web-странице в ‹head› находится такая информация:
· Название страницы, её описание, имя автора.
· Правила по оформлению страницы — цветовая гамма, шрифты, расположение навигационных элементов и т. д.
· Сценарии, отвечающие за реакцию Web-страницы на действия пользователя и взаимодействие с ним.
Как видите, эти данные характеризуют всю Web-страницу целиком, и именно поэтому они выносятся в ‹head›.Элемент ‹head› всегда должен присутствовать в элементе ‹html›.
Элемент ‹body›
Элемент ‹body› — «тело» Web-страницы.
Элемент ‹body› всегда должен присутствовать в элементе ‹html›.
В ‹body› включаются абзацы, заголовки и другие блочные и линейные элементы.
Элемент ‹title›
‹title› — название Web-страницы.
Элемент ‹title› представляет собой название Web-страницы. Оно отображается в заголовке окна.
Название является первым, что видит посетитель, поэтому к его составлению следует подходить серьёзно.
|
|
|
Элемент ‹title› всегда должен присутствовать в элементе ‹head›. У любой страницы должно быть название.
Построение простейшей WEB-страницы
Итак, мы уже знаем, что на любой Web-странице есть элементы ‹html›, ‹head›, ‹title› и ‹body›. Давайте реализуем наши знания.
‹html› является элементом верхнего уровня. В него включаются элементы ‹head› и ‹body›. В ‹head› включается элемент ‹title›.
Давайте соберём полученные знания вместе. У нас получится простейшая Web-страница.
| 01 | <html> |
| 02 | <head> |
| 03 | <title> | |
| 04 | Название Web-страницы | |
| 05 | </title> | |
| 06 | </head> | |
| 07 | <body> | |
| 08 | Информация на Web-странице | |
| 09 | </body> |
| 10 | </html> |
- В элементе ‹title› находится название Web-страницы.
- В элементе ‹body› находится текст, который будет отображаться на Web-странице.
Каждая Web-страница должна иметь название. Название страницы определяется элементом ‹title›.
Названия страниц часто являются единственно доступной информацией в списке избранного, журнале посещений, результатах поиска вашего потенциального посетителя. То есть, часто название буквально «вырывается» из контекста, и поэтому архиважно, чтобы оно оставалось осмысленным, будучи одним из множества в какой-либо подборке ресурсов — тех же результатах поиска и меню «Избранное».
|
|
|
Кажется, что тут сложного: написать аннотацию к своей странице и использовать её как название. Но длинные названия часто просто обрезаются, и в результате теряют какой-либо смысл. Например:
Добро пожаловать на главную страницу Web-узла по…
Как вы думаете, о чём эта страница? Может быть, её название до обрезки давало полное представление о ней и Web-узле целиком, но ведь важен конечный результат, а его тут просто нет.
Ведь если это просто один из элементов большого списка, велика вероятность того, что потенциальный посетитель выберет другой, конкурирующий ресурс. И неважно, что у вас информации больше, важно, что вы не смогли её донести.
Другая частая ошибка — одинаковые названия для разных страниц. Например, вы посетили семь одноимённых страниц. Как потом найти нужную из них в журнале?
Или же посетители, которых Вы заинтересовали, захотят добавить вашу страницу в избранное. Но ведь там уже есть страница с таким именем. И перед Вашим будущим постоянным посетителем возникает выбор: отказаться от уже привычного старого в пользу ещё неизвестного нового, либо оставить всё, как есть. К сожалению, люди инертны и ленивы, поэтому, скорее всего, выбор будет не в вашу пользу.
|
|
|
Вывод: все страницы должны иметь разные названия, и следует избегать стандартных клише типа «homepage».
Ну и последним требованием является оптимизация названий для быстрого сканирования. Это выражается в перемещении ключевых слов в начало названия, что соответствует запросам пользователя, когда он просматривает меню или список ссылок.
Обычной ошибкой являются названия типа «Добро пожаловать на узел корпорации "Microsoft" ». Намного лучше использовать «Microsoft, корпорация — главная страница».
Обратите внимание, что во втором случае первое слово не взято в кавычки. Для первых слов названия не используются кавычки.
Также, важно не использовать предлоги как первые слова заголовков, поскольку списки часто сортируются по алфавиту. Например, вместо «Из произведений А. С. Пушкина» следует использовать «Пушкин, А. С. — избранные произведения».
В английском, французском, немецком языке перед первым словом названия опускается артикль.
Дата добавления: 2019-02-26; просмотров: 157; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!