webattack.pl - HTML - struktura strony www

HTML - struktura strony www

Struktura strony www


		<!DOCTYPE html>

		<html>

		<head>

		<title>tytuł strony</title>

		<meta .../>

		<link .../>

		</head>

		<body>

		</body>

		</html>

opis:

`<!DOCTYPE">`	- deklaracja typu dokumentu
`<html></html>`	- strona html
`<head></head>`	- nagłówek strony
`<title></title>`	- tytuł strony
`<meta>`	- metainformacja
`<link>`	- link np. do zewnętrznego arkusza stylu
`<body></body>`	- treść strony


		<?xml version="1.0" encoding="iso-8859-2"?>

		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

		<html>

		<head>

		<title>tytuł strony</title>

		<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">

		<meta http-equiv="Content-Language" content="pl">

		</head>

		<body>

		</body>

		</html>

opis:
<?xml?> - znacznik specjalny - informujący przeglądarkę internetową, że strona została zakodowana z wykorzystaniem języka XHTML, a nie XML
<!DOCTYPE"> - deklaracja typu dokumentu
<html></html> - znacznik ograniczający obszar nagłówka strony
<head></head> - nagłówek strony
<title></title> - tytuł strony
<meta> metainformacja
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> - deklaracja sposobu kodowania polskich znaków diaktrycznych utf-8 lub iso-8859-2
<body></body> - treść strony

<!DOCTYPE> - deklaracja typu dokumentu informuje przeglądarkeę o tym w której wersji HTML-a dana strona została napisana

HTML5

<!DOCTYPE html>

XHTML 1.0 DTDs


		<?xml version="1.0" encoding="UTF-8"?>

 		<!DOCTYPE html

     	PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

     	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 		<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

lub:


		<?xml version="1.0" encoding="UTF-8"?>

 		<!DOCTYPE html

     	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

     	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 		<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

lub:


  		<?xml version="1.0" encoding="UTF-8"?>

 		<!DOCTYPE html

     	PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

     	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 		<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

XHTML 1.1 DTD


 		<!DOCTYPE html PUBLIC

  		"-//W3C//DTD XHTML 1.1//EN"

  		"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

XHTML Basic DTDs

XHTML Basic 1.0


		<!DOCTYPE html PUBLIC

  		"-//W3C//DTD XHTML Basic 1.0//EN"

  		"http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

XHTML Basic 1.1


		<!DOCTYPE html PUBLIC

  		"-//W3C//DTD XHTML Basic 1.1//EN"

  		"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">

HTML 4.01 DTDs


		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

   	"http://www.w3.org/TR/html4/strict.dtd">

lub:


		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

   	"http://www.w3.org/TR/html4/loose.dtd">

lub:


		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

   	"http://www.w3.org/TR/html4/frameset.dtd">

Deklaracja strony kodowej <META charset> - czyli sposobu w jaki będą zapisane w formie cyfrowej znaki na naszej stronie WWW.

np.
<meta charset="utf-8" />
<meta charset="iso-8859-2" />

Strony kodowe

Strona kodowa	Nazwa	Języki
`iso-8859-1`	zachodnioeuropejski	afrykanerski (af), albański (sq), baskijski (eu), kataloński (ca), duński (da), niderlandzki (nl), angielski (en), fareski (fo), fiński (fi), francuski (fr), galicyjski (gl), niemiecki (de), islandzki (is), irlandzki (ir), włoski (it), norweski (no), portugalski (pt), szkocki (gd), hiszpański (es), szwedzki (sv)
`iso-8859-2`	środkowoeuropejski	chorwacki (hr), czeski (cs), węgierski (hu), polski (pl), rumuński (ro), serbski (sr), słowacki (sk), słoweński (sl)
`iso-8859-3`	południowoeuropejski	esperanto (eo), maltański (mt)
`iso-8859-4`	północnoeuropejski	estoński (et), łotewski (lv), litewski (lt), grenlandzki (kr), lapoński
`iso-8859-5`	cyryliczny	bułgarski (bg), białoruski (be), macedoński (mk), rosyjsji (ru), serbski (sr), ukraiński (uk)
`iso-8859-6`	arabski	arabski (ar)
`iso-8859-7`	grecki	grecki (el)
`iso-8859-8`	hebrajski	hebrajski (iw)
`iso-8859-9`	turecki	turecki (tr)
`iso-8859-10`	skandynawski (nordycki)	eskimoski, lapoński
`iso-8859-11`	tajski	tajski (th)
`iso-8859-13`	bałtycki	łotewski (lv), litewski (lt)
`iso-8859-14`	celtycki	szkocki gaelicki, walijski, bretoński

Opis zawartości strony <META description>

<meta name="description" content="Tu podaj opis twojej strony" />

Wyrazy kluczowe <META keywords>

<meta name="keywords" content="wyraz1, wyraz2, wyraz3..." />

Autor strony <META author>

<meta name="author" content="autor" />

Twórca strony <META creator>

<meta name="creator" content="twórca" />

Wydawca strony <META publisher>

<meta name="publisher" content="wydawca" />

Edytor <META generator>

<meta name="generator" content="nazwa edytora - program użyty do stworzenia strony" />

Automatyczne odświeżanie strony <META refresh>

<meta http-equiv="refresh" content="s" />

"s" liczba określającą co jaki przedział czasu (w sekundach) będzie odświeżana strona

Automatyczne wczytanie strony <META refresh url>

<meta http-equiv="refresh" content="s; url=Tu podaj adres strony lub ścieżkę dostępu" />

"s" - Czas, po którym zostanie załadowana podana strona (w sekundach)
Tu podaj adres strony lub ścieżkę dostępu - Adres lub ścieżkę dostępu do strony, która ma być wczytana

Ikona strony <LINK icon>

<link rel="shortcut icon" href="adres ikony" />

"adres ikony" adres URL, pod którym znajduje się ikona


		<link rel="icon" href="kaktus.png" sizes="16x16" type="image/png" />

		<link rel="icon" href="kaktus32.png" sizes="32x32" type="image/png" />

		<link rel="icon" href="kaktus48.png" sizes="48x48" type="image/png" />

		<link rel="icon" href="kaktus72.png" sizes="72x72" type="image/png" />

		<link rel="icon" href="kaktus96.png" sizes="96x96" type="image/png" />

		<link rel="icon" href="kaktus144.png" sizes="144x144" type="image/png" />

		<link rel="icon" href="kaktus192.png" sizes="192x192" type="image/png" />