Ultimele tutoriale de dezvoltare web

HTML Head


HTML <head> Element

<head> element este un container pentru metadate (date despre date).

HTML metadate sunt date despre documentul HTML. Metadate nu este afișată.

Metadate definesc în mod tipic titlul documentului, stiluri, link-uri, script-uri, precum și alte informații meta.

Următoarele etichete descriu metadate: <title>, <style>, <meta>, <link>, <script>, and <base> .


Omiterea <html> și <body> ?

În standard HTML5, <html> tag - ul, <body> tag - ul, iar <head> tag - ul poate fi omis.

Codul de mai jos va valida ca HTML5:

Exemplu

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

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Încearcă - l singur »

w3ii nu recomandă omiterea <html> și <body> tag - uri.

<html> element este documentul rădăcină. Este locul recomandat pentru specificarea limbii paginii:

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

Declararea unei limbi este importantă pentru aplicațiile de accesibilitate (cititoare de ecran) și motoarele de căutare.

Omiterea <html> și <body> poate crash prost-scris DOM/XML software - ul.

În cele din urmă, omițând <body> poate produce erori în browsere mai vechi (IE9) .


Omiterea <head>

În standardul HTML5, <head> tag - ul poate fi omisă.

În mod implicit, browsere vor adăuga toate elementele înainte de <body> , la o valoare implicită <head> Element.

Puteți reduce complexitatea HTML, prin omiterea <head> tag - ul:

Exemplu

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

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

</body>
</html>
Încearcă - l singur »

Omiterea tag-uri este necunoscut pentru dezvoltatorii web. Este nevoie de timp să fie stabilit ca un ghid.


HTML <title> Element

<title> Element definește titlul documentului.

<title> Elementul este necesar în toate documentele HTML / XHTML.

<title> Elementul:

  • definește un titlu în fila browser-
  • prevede un titlu pentru pagină atunci când se adaugă la favorite
  • afișează un titlu pentru pagina în rezultatele motorului de căutare

Un document HTML simplificat:

Exemplu

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

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

</html>
Încearcă - l singur »

HTML <style> Element

<style> Elementul este folosit pentru a defini informații de stil pentru un document HTML.

În interiorul <style> element pe care îl specificați modul în care elementele HTML ar trebui să facă într - un browser:

Exemplu

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
Încearcă - l singur »

HTML <link> Element

<link> Element definește relația pagină la o resursă externă.

<link> element este cel mai des folosit pentru a lega foi de stil:

Exemplu

<link rel="stylesheet" href="mystyle.css">
Încearcă - l singur »

Codul HTML <meta> Element

<meta> elementul este folosit pentru a specifica pagina de descriere, cuvinte cheie, autor, și alte metadate.

Metadata este folosit de browsere (how to display content) , de către motoarele de căutare (keywords) și alte servicii web.

Definiți cuvinte cheie pentru motoarele de căutare:

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

Definiți o descriere a paginii web:

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

Definiți setul de caractere utilizat:

<meta charset="UTF-8">

Definiți autorul unei pagini:

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

Refresh documentul la fiecare 30 de secunde:

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

Exemplu de <meta> tag - uri:

Exemplu

<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">
Încearcă - l singur »

HTML <script> Element

<script> Elementul este folosit pentru a defini JavaScripts client-side.

Script-ul de mai jos, scrie Hello JavaScript! într - un element HTML cu id="demo" :

Exemplu

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
Încearcă - l singur »

Pentru a afla totul despre JavaScript, accesați Tutorial JavaScript !


HTML <base> Element

<base> element specifică adresa URL de bază și obiectivul de bază pentru toate URL - urile relative dintr - o pagină:

Exemplu

<base href="http://www.w3ii.com/images/" target="_blank">
Încearcă - l singur »

Elemente cap HTML

Etichetă Descriere
<head> Definește informații despre documentul
<title> Definește titlul unui document
<base> Definește o adresă prestabilită sau o țintă implicită pentru toate link-urile de pe o pagină
<link> Definește relația dintre un document și o resursă externă
<meta> Definește metadate despre un document HTML
<script> Definește un script client-side
<style> Definește informații stil pentru un document