Wprowadzenie do Meta Tag w HTML
Metatag w HTML służy do definiowania danych o Twojej stronie internetowej lub dokumencie HTML. Za pomocą metatagu można zdefiniować opis dokumentu, informacje o autorze, kiedy był on ostatnio aktualizowany, używa go do nadania szczegółowych właściwości dokumentu HTML. Metatag jest zdefiniowany w tagu HTML, który jest zawarty w części. Najbardziej przydatne dla projektantów stron internetowych jest pokazanie rzeczywistej wyświetlanej części strony internetowej. Cała kontrola rzutni będzie przez nich wykonywana przy użyciu metatagów w HTML 5. Meta tag jest odwoływany przez większość przeglądarek z powodu wielu przydatnych funkcji, takich jak odświeżanie stron, wyświetlanie treści stron internetowych i używanych przez nie usług internetowych.
Składnia
Metatag używany w sekcji głowy w następujący sposób:
W powyższej składni status, że charset = ”utf-8” zapewnia najlepszą obsługę wyświetlania dowolnego rodzaju języka.
Oto kolejna składnia metatagu z pewną wartością:
Służy do obsługi rozmiaru rzutni z całą wartością wymiaru strony i przewijaniem strony, aby idealnie dopasować naszą stronę do dowolnego urządzenia.
Lista metatagów w HTML
Istnieją różne typy metatagów używanych w HTML, zobaczmy jeden po drugim:
1. Jest to bardzo podstawowy metatag używany do definiowania dowolnego języka.
2. Służy do definiowania opisu zawartości do 150 słów.
3. Służy do zachowania wszystkich praw autorskich określonej firmy.
4. Służy do definiowania streszczenia określonej strony internetowej.
5. Służy do definiowania autora dokumentu HTML.
6. Służy do definiowania adresu URL konkretnej firmy zdefiniowanej w atrybucie tagu.
7. Służy do obsługi ocen zamieszczonych w naszym dokumencie.
8. Jeśli chcemy zdefiniować napisy do naszych dokumentów HTML, możliwe było użycie tego znacznika.
9. Służy do odświeżania naszej strony internetowej w określonym czasie spam.
10. Służy do klasyfikowania naszego dokumentu według określonej wartości podmiotu.
11. Ten znacznik służy do określania niektórych słów kluczowych w znaczniku Meta, dzięki czemu można łatwo przeszukiwać tę treść w naszym dokumencie.
12. Ten znacznik służy do zdefiniowania podsumowania naszego dokumentu.
Działanie metatagu w HTML
Metatag w HTML jest używany głównie w celu włączenia informacji do odczytu maszynowego do naszego dokumentu strony internetowej, który jest faktycznie niewidoczny na stronie internetowej. Innym najważniejszym działaniem tego tagu w HTML jest to, że za pomocą tego tagu można łatwo przekierować na drugą stronę internetową za pomocą tej funkcji metatagu.
Istnieje lista atrybutów, na których metatag działa poprawnie:
1. Treść: Treść w metatagu działa jak wartość zawartego w nim metatagu.
2. Nazwa: Nazwa działa jako właściwość metatagu. Występuje w postaci szczegółów, właściciela, słów kluczowych itp.
3. http-equiv: Ten atrybut służy do definiowania szczegółów nagłówka w dokumencie.
4. Zestaw znaków : Jest to główny atrybut znacznika Meta służący do definiowania kodowania znaków dla celów deklaracji w jego dokumencie.
5. Schemat: ten atrybut służy do zdefiniowania schematu, w którym będzie używany faktycznie metatag. Ale ten typ atrybutu nie jest obsługiwany w HTML5.
Przykłady metatagu w HTML
Zobaczmy kilka przykładów
Przykład 1
Będziemy używać tagu Meta i będzie on czytany przez system komputerowy, ale nie będzie w stanie nic zobaczyć osobom odwiedzającym stronę.
Kod HTML:
Wyjście: pokaże pusty ekran jako wyjście.
Przykład nr 2
Oto przykład, w którym użyjemy różnego rodzaju metatagów i pokażemy wyniki, strona będzie odświeżana za każdym razem, a także będzie przechowywać pliki cookie dla Twojej strony, podając również datę jej wygaśnięcia.
Kod HTML:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA - Wszystko o kursach certyfikacyjnych online
Naucz się projektowania graficznego, animacji, tworzenia gier, edycji wideo i nie tylko dzięki naszym kursom certyfikacyjnym online
Wybierz obszar zainteresowań i uzyskaj certyfikat dzięki naszym kursom internetowym z zakresu finansów, nauki o danych, rozwoju oprogramowania, Excel, projektowania, zarządzania projektami, rozwoju osobistego, marketingu i zasobów ludzkich.
Dane wyjściowe: strona wyświetlana w danych wyjściowych będzie odświeżana co 5 sekund.
Przykład nr 3
Zobaczmy inny przykład z użyciem metatagów, będzie on odzwierciedlał to samo, co powyżej, ale po odświeżeniu strony przekieruje na inną stronę, której adresy URL będą wymienione w tagu meta, jak pokazano w poniższym kodzie HTML:
Kod HTML:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA - Wszystko o kursach certyfikacyjnych online
Wynik:
Wniosek
Tak więc znacznik Meta w HTML jest używany do definiowania metadanych dotyczących dokumentów HTML. Zawarty w nim kod jest formatem do odczytu maszynowego, który działa dobrze na stronie internetowej, ale nie wyświetla żadnych treści na stronie odwiedzającym. Metatag zawierający 3 różne typy atrybutów, takie jak atrybuty globalne, specyficzne dla elementu i procedury obsługi zdarzeń.
Polecane artykuły
To jest przewodnik po Meta Tag w HTML. Tutaj omawiamy listę różnych typów metatagów używanych w HTML wraz z przykładami. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej -
- Ramki HTML
- Układ HTML
- Atrybut stylu HTML
- Elementy formularza HTML