Выберите тег head в меню «Вставка» > «HTML».
Последнее обновление
27 апр. 2021 г.
Просмотр и редактирование содержимого на веб-странице Dreamweaver, настройка свойств meta и заголовка страницы, указание ключевых слов и описаний для страницы, а также многое другое.
Страницы содержат элементы, которые описывают информацию на странице и используются поисковыми системами.Вы можете задать свойства элементов head, чтобы управлять идентификацией ваших страниц.
Просмотр и изменение содержимого заголовков
Элементы в разделе head документа можно просматривать в представлении кода или в окне инспектора кода.
Вставка элемента в раздел head документа
Введите параметры элемента в появившемся диалоговом окне
или в инспекторе свойств.
Редактирование элемента в разделе head документа
Элементы Head можно редактировать путем непосредственного ввода изменений в коде в представлении кода или в окне инспектора свойств.
Для редактирования элементов в разделе head с помощью инспектора свойств выполните следующие действия.
Выберите элемент head на панели DOM («Окно» > «Панель DOM»).
В инспекторе свойств отобразятся свойства выбранного элемента.
Задайте или измените свойства элемента в инспекторе
свойств.
Задайте meta-свойства для страницы
Тег meta является элементом head, который записывает информацию о текущей странице, например кодировку символов, автора, авторские права или ключевые слова. Эти теги также могут использоваться для передачи информации серверу, например даты истечения срока действия, интервала обновления и рейтинга POWDER для страницы. (POWDER, протокол для ресурсов веб-описания, предоставляет способ присвоения рейтингов, например рейтингов фильмов, веб-страницам.)
Добавление тега meta
Выберите пункт меню «Вставка» > «HTML» > «Метаданные».
Укажите свойства в появившемся диалоговом окне.
Изменение существующего тега meta
Элементы meta можно редактировать путем непосредственного ввода изменений в коде в представлении кода или в окне инспектора свойств.
Для редактирования элементов в разделе meta с помощью инспектора свойств выполните следующие действия.
Выберите элемент head на панели DOM («Окно» > «Панель DOM»).
В инспекторе свойств отобразятся свойства выбранного элемента.
На панели DOM выберите тег meta.
Укажите свойства в инспекторе свойств.
Атрибут
Указывает, содержит ли тег meta описательную информацию о странице (name) или информацию заголовка HTTP (http-equiv).
Значение
Указывает тип информации, которую вы предоставляете в этом теге. Некоторые значения, например description, keywords и refresh, уже четко определены (и имеют свои собственные индивидуальные инспекторы свойств в Dreamweaver), но вы можете указать практически любое значение (например, creationdate, documentID или level).
Содержимое
Содержит фактические сведения. Например, если вы указали level в качестве значения, вы можете указать beginner, intermediate или advanced для контента.
Настройка заголовка страницы
У заголовка страницы есть только одно свойство: собственно заголовок. Отредактировать заголовок страницы можно одним из следующих способов.
- Непосредственное редактирование заголовка в коде (в представлении кода)
- Выбор тега title на панели DOM и редактирование заголовка в инспекторе свойств
Указание ключевых слов для страницы
Многие роботы поисковых систем (программы, которые автоматически просматривают веб, собирая информацию для индексации поисковыми системами) читают содержимое тега Keywords meta и используют информацию для индексации ваших страниц в своих базах данных. Поскольку некоторые поисковые системы ограничивают количество ключевых слов или символов, которые они индексируют, или игнорируют все ключевые слова при превышении лимита, рекомендуется использовать несколько тщательно выбранных ключевых слов.
Добавление тега meta «Ключевые слова»
Выберите меню «Вставка» > «HTML» > «Ключевые слова».
Укажите ключевые слова через запятую в появившемся
диалоговом окне.
Изменение тега meta «Ключевые слова»
Отредактировать описания meta для ключевых слов можно одним из следующих способов.
- Непосредственное редактирование ключевого слова в коде (в представлении кода)
- Выбор тега meta для ключевого слова на панели DOM и просмотр, изменение или удаление ключевых слов в инспекторе свойств
Примечание
Ключевые слова должны быть разделены запятыми.
Настройка описаний для страницы
Многие роботы поисковых систем (программы, которые автоматически просматривают веб, собирая информацию для поисковых систем для индексации) читают содержимое тега Description meta. Некоторые используют информацию для индексации ваших страниц в своих базах данных, а некоторые также отображают информацию на странице результатов поиска (вместо отображения первых нескольких строк вашего документа). Некоторые поисковые системы ограничивают количество символов, которые они индексируют, поэтому рекомендуется ограничить описание несколькими словами (например, Приготовление барбекю из свинины в Олбани, Джорджия или Веб-дизайн по разумным ценам для клиентов по всему миру).
Добавление тега meta «Описание»
Выберите меню «Вставка» > «HTML» > «Описание».
Введите текст описания в отобразившемся диалоговом окне.
Изменение тега meta «Описание»
Отредактировать описания meta можно одним из следующих способов.
- Непосредственное редактирование описания в коде (в представлении кода)
- Выбор тега meta для описания на панели DOM и изменение описания в инспекторе свойств
Настройте свойства обновления страницы
Используйте элемент Refresh, чтобы указать, что браузер должен автоматически обновлять вашу страницу — перезагружая текущую страницу или переходя на другую — через определенное время. Этот элемент часто используется для перенаправления пользователей с одного URL на другой, часто после отображения текстового сообщения о том, что URL изменился.
Добавление тега meta «Обновить»
Выберите пункт меню «Вставка» > «HTML» > «Метаданные».
В появившемся диалоговом окне укажите свойства следующим образом.
Атрибут
указывает, что тег meta содержит информацию заголовка HTTP (http-equivalent).
Значение
определяет, что типом сведений, предоставляемых в этом теге, является refresh.
Содержимое
определяет время в секундах для ожидания перед обновлением страницы в браузере. Чтобы задать обновление страницы в браузере немедленно по завершении загрузки, введите в этом поле значение 0.
Изменение тега meta «Обновить»
Отредактировать тег meta «Обновить» можно одним из следующих способов.
- Непосредственное редактирование свойств в коде (в представлении кода)
- Выбор тега meta для обновления на панели DOM или в коде и изменение свойств в инспекторе свойств
Изменение тега meta «Базовый адрес»
Можно отредактировать элемент «Базовый адрес», используемый для настройки базового URL-адреса, относительно которого на странице будут указываться все пути к документам.
Выберите элемент «Базовый адрес» на панели DOM.
В инспекторе свойств укажите свойства Base meta-тега.
Href
Основной URL-адрес. Нажмите кнопку «Обзор», чтобы найти и выбрать файл, или введите путь в поле.
Назначение
Указывает фрейм или окно, в котором должны открываться все связанные документы. Выберите один из фреймов в текущем наборе фреймов или одно из следующих зарезервированных имен:
_blank загружает связанный документ в новое безымянное окно браузера.
_parent загружает связанный документ в родительский набор фреймов или окно фрейма, содержащего ссылку. Если фрейм, содержащий ссылку, не является вложенным, то это эквивалентно _top; связанный документ загружается в полное окно браузера.
_self загружает связанный документ в том же фрейме или окне, что и ссылка. Эта цель используется по умолчанию, поэтому обычно вам не нужно ее указывать.
_top загружает связанный документ в полное окно браузера, тем самым удаляя все фреймы.
Изменение тега meta «Ссылка»
Можно отредактировать тег link, который определяет отношения между текущим документом и другим файлом.
Примечание
Тег link в разделе head — это не то же самое, что HTML-ссылка между документами в разделе body.
Выберите элемент «Ссылка» на панели DOM или в представлении кода.
В инспекторе свойств укажите свойства мета-тега Link.
Href
URL файла, к которому вы определяете отношение. Нажмите кнопку «Обзор», чтобы найти и выбрать файл, или введите путь в поле. Обратите внимание, что этот атрибут не указывает на файл, на который вы создаете ссылку в обычном смысле HTML; отношения, указанные в элементе Link, более сложные.
Идентификатор
Указывает уникальный идентификатор для ссылки.
Заголовок
Описывает связь. Этот атрибут имеет особое значение для связанных таблиц стилей; для получения дополнительной информации см. раздел «Внешние таблицы стилей» спецификации HTML 4.0 на веб-сайте Консорциума Всемирной паутины по адресу www.w3.org/TR/REC-html40/present/styles.html#style-external.
Rel
Указывает отношение между текущим документом и документом в поле Href. Возможные значения включают Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help и Bookmark. Чтобы указать более одного отношения, разделите значения пробелом.
Rev
Указывает обратное отношение (противоположное Rel) между текущим документом и документом в поле Href. Возможные значения такие же, как для Rel.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
