Przykłady
<title> - Definiuje tytuł dokumentu HTML<base> - Domyślny URL i "target" dla linków
<meta> - Metadane dla dokumentu HTML
Element <head>
Element <head> jest kontenerem dla wszystkich elementów head. Elementy wewnątrz <head> mogą zawierać skrypty, instrukcję dla przeglądarek gdzie znaleźć arkusz stylów, metadane itp.W sekcji <head> mogą się znaleźć znaczniki: <title>, <style>, <meta>, <link>, <script>, <noscript> i <base>.
Element <title>
Znacznik <title> definiuje tytuł dokumentu.Element <title> jest wymagany we wszystkich dokumentach HTML/XHTML.
Element <title> :
- definiuje tytuł w pasku narzędzi przeglądarki
- zapewnia tytuł dla strony kiedy jest dodawana do ulubionych
- wyświetla tytuł strony w wynikach wyszukiwarki
<!DOCTYPE html>
<html>
<head>
<title>Tytuł dokumentu</title>
</head>
<body>
Zawartość dokumentu......
</body>
</html>
<html>
<head>
<title>Tytuł dokumentu</title>
</head>
<body>
Zawartość dokumentu......
</body>
</html>
Element <base>
Znacznik <base> określa domyślny adres lub domyślny "target" dla wszystkich linków na stronie:
<head>
<base href="http://www.w3schools.com/images/"><base target="_blank">
</head>
<base href="http://www.w3schools.com/images/"><base target="_blank">
</head>
Element <link>
Znacznik <link> definiuje relację pomiędzy dokumentem a zewnętrznym źródłem.
Znacznik <link> zazwyczaj jest używany do połączenia z zewnętrznym arkuszem stylów:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
The HTML <style> Element
Znacznik <style> jest używany do definiowania informacji o stylach dla dokumentu HTML.
Wewnątrz elementu <style> określasz w jaki sposób wyświetlany jest dokument HTML w przeglądarce:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
Element <meta>
Metadane to dane (informacje) na temat danych.
Znacznik <meta> zapewnia metadane na temat dokumentu HTML. Metadane nie będą wyświetlane na stronie, ale będą analizowane przez przeglądarkę.
Elementy meta są zazwyczaj używane do określania opisu strony, słów kluczowych, autora strony, ostatniej modyfikacji i innych metadanych.
Metadane mogą być używane przez przeglądarki (jak wyświetlić zawartość lub przeładować stronę), wyszukiwarki (słowa kluczowe), lub inne usługi internetowe.
Znaczniki <meta> zawsze są wewnątrz elementu <head>.
Znaczniki <meta> - Przykłady użycia
Definiowanie słów kluczowych dla wyszukiwarek:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="Darmowe internetowe szkolenia HTML i CSS">
<meta name="author" content="Krzysztof Kowalski">
<meta http-equiv="refresh" content="30">
Element <script>
Znacznik <script> jest używany do definiowania skryptów wykonywanych po stronie przeglądarki, takich jak JavaScript.
Element <script> będzie omawiany w późniejszych postach.
Elementy head
| Znacznik | Opis |
|---|---|
| <head> | Definiuje informacje dotyczące dokumentu |
| <title> | Definiuje tytuł dokumentu |
| <base> | Definiuje domyślny adres lub domyślny "target" dla wszystkich linków na stronie |
| <link> | Definiuje relację pomiędzy dokumentem a zewnętrznym źródłem |
| <meta> | Definiuje metadane dokumentu HTML |
| <script> | Definiuje skrypt wykonywany po stronie klienta (przeglądarki) |
| <style> | Definiuje informacje o stylach dla dokumentu HTML |
Świetny tekst! Od roku nie czytałam tak wartościowego i fajnego artykułu.
OdpowiedzUsuńfajny blog! będe częściej tu zaglądać
OdpowiedzUsuń