Najnowsze tutoriale tworzenie stron internetowych

HTML Head


HTML <head> Element

<head> element jest kontener metadanych (informacje o danych).

metadanych HTML dane o dokumencie HTML. Metadane nie jest wyświetlany.

Metadane zazwyczaj określić tytuł dokumentu, style, skrypty, linki i inne informacje meta.

Następujące znaczniki opisują metadane: <title>, <style>, <meta>, <link>, <script>, and <base> .


Pominięcie <html> i <body> ?

W standardzie HTML5, <html> tag The <body> tag i <head> tag można pominąć.

Poniższy kod zweryfikuje jak HTML5:

Przykład

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Spróbuj sam "

w3ii nie zaleca pomijając <html> i <body> tagi.

<html> Element jest korzeniem dokumentu. Jest to zalecane miejsce dla określający język strony:

<!DOCTYPE html>
<html lang="en-US">

Deklarowanie języka jest ważne dla aplikacji ułatwień dostępu (czytniki ekranu) i wyszukiwarek.

Pominięcie <html> i <body> może upaść źle napisany DOM/XML oprogramowanie.

Wreszcie, pomijając <body> może powodować błędy w starszych przeglądarkach (IE9) .


Pominięcie <head>

W standardzie HTML5, <head> tag może również zostać pominięty.

Domyślnie przeglądarka doda wszystkie elementy przed <body> , aby domyślnie <head> elementu.

Można zmniejszyć złożoność HTML, przez pominięcie <head> tag:

Przykład

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Spróbuj sam "

Pominięcie znaczników jest obca programistów. To wymaga czasu, aby zostać ustanowione jako wytyczne.


HTML <title> Element

<title> element definiuje tytuł dokumentu.

<title> element jest wymagany we wszystkich dokumentach HTML / XHTML.

<title> elementem:

  • definiuje tytuł w karcie przeglądarki
  • przewiduje tytuł strony, gdy jest dodana do ulubionych
  • wyświetla tytuł strony w wynikach wyszukiwania

Uproszczony dokument HTML:

Przykład

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
Spróbuj sam "

HTML <style> Element

<style> element jest używany do określenia stylu informacje dla dokumentu HTML.

Wewnątrz <style> Element określić jak elementy HTML powinien uczynić w przeglądarce:

Przykład

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
Spróbuj sam "

HTML <link> Element

<link> element definiuje zależność stronę do zewnętrznego zasobu.

<link> element jest najczęściej używany do odwołują się do arkuszy stylów:

Przykład

<link rel="stylesheet" href="mystyle.css">
Spróbuj sam "

HTML <meta> Element

<meta> element jest używany do określenia opis strony, słowa kluczowe, autora i inne metadane.

Metadane są wykorzystywane przez przeglądarki (how to display content) , przez wyszukiwarki (keywords) , a także innych usług internetowych.

Zdefiniuj słowa kluczowe dla wyszukiwarek:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Zdefiniuj opis swojej stronie internetowej:

<meta name="description" content="Free Web tutorials on HTML and CSS">

Definiować zestaw znaków używanych:

<meta charset="UTF-8">

Definiowanie autor strony:

<meta name="author" content="Hege Refsnes">

Odśwież dokument co 30 sekund:

<meta http-equiv="refresh" content="30">

Przykład <meta> znaczniki:

Przykład

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
Spróbuj sam "

HTML <script> Element

<script> element jest używany do określenia JavaScripts po stronie klienta.

Poniższy scenariusz pisze Witam JavaScript! do elementu HTML z id="demo" :

Przykład

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
Spróbuj sam "

Aby dowiedzieć się wszystkiego o JavaScript, odwiedź naszą JavaScript Tutorial !


HTML <base> Element

<base> element określa bazowy URL i cel podstawowy dla wszystkich względnych adresów URL strony:

Przykład

<base href="http://www.w3ii.com/images/" target="_blank">
Spróbuj sam "

Elementy HTML głowy

Etykietka Opis
<head> Określa informacje o dokumencie
<title> Określa tytuł dokumentu
<base> Określa domyślny adres lub domyślny cel dla wszystkich linków na stronie
<link> Określa relację między dokumentem i zewnętrznego zasobu
<meta> Definiuje metadane o dokumencie HTML
<script> Definiuje skrypt po stronie klienta
<style> Definiuje styl informacji o dokumencie