Praca z zawartością znacznika HEAD strony

Ostatnia aktualizacja 27 kwi 2021

Informacje o przeglądaniu i edytowaniu zawartości strony WWW w programie Dreamweaver, ustawianiu właściwości META i TITLE dla strony, definiowanie słów kluczowych i opisów strony itd.

Strony zawierają elementy opisujące informacje na stronie, które są używane przez wyszukiwarki.Można ustawić właściwości elementów head, aby kontrolować sposób identyfikacji stron.

Wyświetlanie i edycja zawartości elementu HEAD

Elementy znajdujące się w sekcji head dokumentu można wyświetlić w widoku Kod lub za pomocą Inspektora kodu.

Wstaw element do sekcji head dokumentu

Wybierz znacznik head z menu Wstaw > HTML.

Wprowadź opcje elementu w oknie dialogowym, które się pojawi, lub w inspektorze właściwości.

Edytuj element w sekcji head dokumentu

Elementy sekcji Head można edytować przez bezpośrednie wpisywanie kodu w widoku Kod lub korzystając z Inspektora właściwości.

Aby edytować elementy sekcji head za pomocą Inspektora właściwości:

Zaznacz element head w panelu DOM (Okno > Panel DOM). 

W Inspektorze właściwości zostaną wyświetlone właściwości zaznaczonego elementu.

Ustaw lub zmodyfikuj właściwości elementu w inspektorze właściwości.

Ustaw właściwości meta dla strony

Tag meta jest elementem head, który rejestruje informacje o bieżącej stronie, takie jak kodowanie znaków, autor, prawa autorskie lub słowa kluczowe.Te tagi mogą być również używane do przekazywania informacji do serwera, takich jak data wygaśnięcia, interwał odświeżania i ocena POWDER strony.(POWDER, Protocol for Web Description Resources, udostępnia metodę przypisywania ocen, takich jak oceny filmów, do stron internetowych.)

Dodawanie znacznika meta

Wybierz polecenie Wstaw > HTML > Meta.

W wyświetlonym oknie dialogowym ustaw właściwości.

Edycja istniejącego znacznika meta

Elementy meta można edytować przez bezpośrednie wpisywanie kodu w widoku Kod lub korzystając z Inspektora właściwości.

Aby edytować elementy sekcji meta za pomocą Inspektora właściwości:

Zaznacz element head w panelu DOM (Okno > Panel DOM). 

W Inspektorze właściwości zostaną wyświetlone właściwości zaznaczonego elementu.

Wybierz znacznik meta z panelu DOM.

Ustaw właściwości w inspektorze Właściwości.

Atrybut

Określa, czy tag meta zawiera informacje opisowe o stronie (name) czy informacje nagłówka HTTP (http-equiv).

Wartość

Określa typ informacji dostarczanych w tym tagu.Niektóre wartości, takie jak description, keywords i refresh, są już dobrze zdefiniowane (i mają swoje własne indywidualne inspektory właściwości w programie Dreamweaver), ale można określić praktycznie dowolną wartość (na przykład creationdate, documentID lub level).

Zawartość

Określa aktualne informacje. Na przykład, jeśli określisz level dla wartości, możesz określić beginner, intermediate lub advanced dla zawartości.

Ustawianie tytułu strony

Istnieje tylko jedna właściwość TITLE, określająca tytuł strony. Tytuł strony można edytować za pomocą jednej z następujących metod:

  • edytując tytuł bezpośrednio w kodzie (w widoku Kod);
  • zaznaczając znacznik title w panelu DOM, a następnie modyfikując tytuł w Inspektorze właściwości.

Określanie słów kluczowych dla strony

Wiele robotów wyszukiwarek (programów, które automatycznie przeglądają internet zbierając informacje do indeksowania przez wyszukiwarki) czyta zawartość tagu meta Keywords i używa tych informacji do indeksowania stron w swoich bazach danych.Ponieważ niektóre wyszukiwarki ograniczają liczbę słów kluczowych lub znaków, które indeksują, lub ignorują wszystkie słowa kluczowe po przekroczeniu limitu, dobrym pomysłem jest użycie tylko kilku dobrze dobranych słów kluczowych.

Dodawanie znacznika meta Keywords

Wybierz polecenie z menu Wstaw > HTML > Słowa kluczowe.

Określ słowa kluczowe oddzielone przecinkami w oknie dialogowym, które się pojawi.

Edycja znacznika meta Keywords

Opisy w znaczniku meta keywords można edytować za pomocą jednej z następujących metod:

  • edytując słowo kluczowe bezpośrednio w kodzie (w widoku Kod);
  • zaznaczając znacznik meta odpowiedniego słowa kluczowego w panelu DOM w celu wyświetlenia, zmodyfikowania lub usunięcia słów kluczowych za pomocą panelu Inspektor właściwości.
Spostrzeżenie

Słowa kluczowe muszą być rozdzielone przecinkami.

Określanie opisu strony

Wiele robotów wyszukiwarek (programów automatycznie przeglądających internet w celu gromadzenia informacji do indeksowania przez wyszukiwarki) odczytuje zawartość tagu meta Description.Niektóre wykorzystują te informacje do indeksowania stron w swoich bazach danych, a niektóre również wyświetlają te informacje na stronie wyników wyszukiwania (zamiast wyświetlać pierwsze kilka wierszy dokumentu).Niektóre wyszukiwarki ograniczają liczbę znaków, które indeksują, więc dobrym pomysłem jest ograniczenie opisu do kilku słów (na przykład Catering wieprzowiny barbecue w Albany, Georgia lub Projektowanie stron internetowych w rozsądnych cenach dla klientów na całym świecie).

Dodawanie znacznika meta Description

Wybierz polecenie Wstaw > HTML > Opis.

Umieść tekst opisu w wyświetlonym oknie dialogowym.

Edycja znacznika meta Description

Opisy w znacznikach meta można edytować za pomocą jednej z następujących metod:

  • edytując opis bezpośrednio w kodzie (w widoku Kod);
  • zaznaczając znacznik meta odpowiadający opisowi w panelu DOM i edytując opis w Inspektorze właściwości.

Ustaw właściwości odświeżania strony

Użyj elementu Refresh, aby określić, że przeglądarka powinna automatycznie odświeżyć stronę — przez ponowne załadowanie bieżącej strony lub przejście do innej — po określonym czasie.Ten element jest często używany do przekierowywania użytkowników z jednego adresu URL do innego, często po wyświetleniu wiadomości tekstowej, że adres URL się zmienił.

Dodawanie znacznika meta Refresh

Wybierz polecenie Wstaw > HTML > Meta.

W wyświetlonym oknie dialogowym ustaw właściwości w następujący sposób:

Atrybut

Określa, że znacznik meta zawiera informacje o nagłówku HTTP (http-equivalent).

Wartość

Określa, że typ informacji podawanych w tym znaczniku to refresh.

Zawartość

Podaj czas oczekiwana w sekundach przed odświeżeniem strony w przeglądarce. Aby strona była odświeżana w przeglądarce natychmiast po jej wczytaniu, należy w tym polu wpisać 0.

Edycja znacznika meta Refresh

Znacznik meta refresh można edytować za pomocą jednej z następujących metod:

  • edytując właściwości bezpośrednio w kodzie (w widoku Kod);
  • zaznaczając znacznik meta odpowiadający właściwości refresh w panelu DOM lub w kodzie i modyfikując go w panelu Inspektor właściwości.

Edycja znacznika meta Base

Edytując element Base, można ustawić podstawowy adres URL dla wszystkich ścieżek względnych dokumentu wstawianych na stronie.

Zaznacz element Base w panelu DOM.

W inspektorze właściwości określ właściwości tagu meta Base.

Href

Podstawowy URL. Kliknij przycisk Przeglądaj, aby przejść do i wybrać plik, lub wpisz ścieżkę w polu.

Target

Określa ramkę lub okno, w którym powinny się otwierać wszystkie połączone dokumenty. Wybierz jedną z ramek w bieżącym zestawie ramek lub jedną z następujących nazw zarezerwowanych:

  • _blank ładuje połączony dokument w nowym, nienazwanym oknie przeglądarki.

  • _parent ładuje połączony dokument do nadrzędnego zestawu ramek lub okna ramki zawierającej łącze. Jeśli ramka zawierająca łącze nie jest zagnieżdżona, jest to równoważne z _top; połączony dokument ładuje się w pełnym oknie przeglądarki.

  • _self ładuje połączony dokument w tej samej ramce lub oknie co łącze. Ten element docelowy jest domyślny, więc zwykle nie trzeba go określać.

  • _top ładuje połączony dokument w pełnym oknie przeglądarki, usuwając tym samym wszystkie ramki.

Edytując znacznik link, można określić zależność pomiędzy bieżącym dokumentem a innym plikiem.

Spostrzeżenie

Tag link w sekcji head to nie to samo co łącze HTML między dokumentami w sekcji body.

Zaznacz element Link w panelu DOM lub w widoku Kod.

W Inspektorze właściwości określ właściwości metatagu Link.

Href

Adres URL pliku, do którego definiujesz relację. Kliknij przycisk Przeglądaj, aby przejść do pliku i go wybrać, lub wpisz ścieżkę w polu. Zauważ, że ten atrybut nie wskazuje pliku, do którego tworzysz łącze w zwykłym sensie HTML; relacje określone w elemencie Link są bardziej złożone.

ID

Określa niepowtarzalny identyfikator łącza.

Title

Opisuje relację. Ten atrybut ma szczególne znaczenie dla połączonych arkuszy stylów; więcej informacji można znaleźć w sekcji dotyczącej zewnętrznych arkuszy stylów specyfikacji HTML 4.0 na stronie internetowej World Wide Web Consortium pod adresem www.w3.org/TR/REC-html40/present/styles.html#style-external.

Rel

Określa relację między bieżącym dokumentem a dokumentem w polu Href. Możliwe wartości to Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help i Bookmark. Aby określić więcej niż jedną relację, rozdziel wartości spacją.

Rev

Określa relację odwrotną (przeciwną do Rel) między bieżącym dokumentem a dokumentem w polu Href. Możliwe wartości są takie same jak w przypadku Rel.