Kostra WWW stránky: Porovnání verzí
Z Milan Kerslager
m (nowiki) |
m (→HTML 5: +meta) |
||
(Není zobrazeno 7 mezilehlých verzí od stejného uživatele.) | |||
Řádka 1: | Řádka 1: | ||
− | '''Kostra WWW stránky''' slouží jako příklad. Na řádcích 8 až 13 jsou zakomentované jiné varianty kódování. Použijte pouze jeden řádek s příslušným kódováním (tj. s řetězcem <CODE>charset=</CODE>) podle toho, jaké používáte | + | '''Kostra WWW stránky''' slouží jako příklad. |
+ | |||
+ | Použitelné kódování znaků: | ||
+ | |||
+ | * UTF-8 – standardní univerzální kódování používané na WWW stránkách (lze zobrazit jakékoliv znaky různých národních abeced) | ||
+ | * ISO-8859-2 – standardizované kódování pro Střední Evropu (jednobajtové), dnes pro WWW stránky už není vhodné | ||
+ | * windows-1250 – nevhodné a nestandardizované kódování z MS Windows (typicky staré webové stránky) | ||
+ | |||
+ | == HTML 5 == | ||
+ | Příklad je podle W3C<ref>http://www.w3.org/TR/html5/document-metadata.html#document-metadata</ref> upravený pro češtinu (atribut <code>lang</code>). Webové soubory uložené v UTF-8 by neměly mít na začátku BOM značku<ref>https://cs.wikipedia.org/wiki/Byte_order_mark</ref> (tzv. „byte order mark“, což bohužel dělá například Zápisník z MS Windows). V systému MS Windows proto pro editaci používejte volně šiřitelný Notepad++.<ref>http://notepad-plus-plus.org/</ref> | ||
+ | |||
+ | <!DOCTYPE HTML> | ||
+ | <HTML lang="cs"> | ||
+ | <HEAD> | ||
+ | <TITLE>Titulek stránky v horní liště okna</TITLE> | ||
+ | <META CHARSET="UTF-8"> | ||
+ | </HEAD> | ||
+ | <BODY> | ||
+ | |||
+ | Tělo WWW stránky | ||
+ | |||
+ | </BODY> | ||
+ | </HTML> | ||
+ | |||
+ | Značka pro odkaz na externí CSS (typicky je vložena do sekce <code><nowiki><HEAD></nowiki></code>): | ||
+ | |||
+ | <LINK REL="stylesheet" TYPE="text/css" HREF="mojestyly.css"> | ||
+ | |||
+ | Další metaznačky vkládané do sekce <code><nowiki><HEAD></nowiki></code> (slouží pro vylepšení pozice ve vyhledávačích): | ||
+ | |||
+ | <meta name="description" content="Jazykolamy pro znalce"> | ||
+ | <meta name="keywords" content="HTML,CSS,XML,JavaScript"> | ||
+ | <meta name="author" content="René Hužva"> | ||
+ | |||
+ | == HTML 4 == | ||
+ | Na řádcích 8 až 13 jsou zakomentované jiné varianty kódování. Použijte pouze jeden řádek s příslušným kódováním (tj. s řetězcem <CODE>charset=</CODE>) podle toho, jaké při editaci používáte: | ||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <nowiki>"http://www.w3.org/TR/html4/loose.dtd"</nowiki>> | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <nowiki>"http://www.w3.org/TR/html4/loose.dtd"</nowiki>> | ||
<HTML> | <HTML> | ||
<HEAD> | <HEAD> | ||
− | + | <TITLE>Titulek stránky v horní liště okna</TITLE> | |
− | <META http-equiv="Content-Type" content="text/html; charset= | + | <META http-equiv="Content-Type" content="text/html; charset=utf-8"> |
<META http-equiv="Content-Language" content="cs"> | <META http-equiv="Content-Language" content="cs"> | ||
<META NAME="author" content="René Hužva"> | <META NAME="author" content="René Hužva"> | ||
Řádka 21: | Řádka 56: | ||
</BODY> | </BODY> | ||
</HTML> | </HTML> | ||
+ | |||
+ | == Reference == | ||
+ | <references /> |
Aktuální verze z 13. 4. 2015, 08:21
Kostra WWW stránky slouží jako příklad.
Použitelné kódování znaků:
- UTF-8 – standardní univerzální kódování používané na WWW stránkách (lze zobrazit jakékoliv znaky různých národních abeced)
- ISO-8859-2 – standardizované kódování pro Střední Evropu (jednobajtové), dnes pro WWW stránky už není vhodné
- windows-1250 – nevhodné a nestandardizované kódování z MS Windows (typicky staré webové stránky)
HTML 5
Příklad je podle W3C[1] upravený pro češtinu (atribut lang
). Webové soubory uložené v UTF-8 by neměly mít na začátku BOM značku[2] (tzv. „byte order mark“, což bohužel dělá například Zápisník z MS Windows). V systému MS Windows proto pro editaci používejte volně šiřitelný Notepad++.[3]
<!DOCTYPE HTML> <HTML lang="cs"> <HEAD> <TITLE>Titulek stránky v horní liště okna</TITLE> <META CHARSET="UTF-8"> </HEAD> <BODY> Tělo WWW stránky </BODY> </HTML>
Značka pro odkaz na externí CSS (typicky je vložena do sekce <HEAD>
):
<LINK REL="stylesheet" TYPE="text/css" HREF="mojestyly.css">
Další metaznačky vkládané do sekce <HEAD>
(slouží pro vylepšení pozice ve vyhledávačích):
<meta name="description" content="Jazykolamy pro znalce"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="René Hužva">
HTML 4
Na řádcích 8 až 13 jsou zakomentované jiné varianty kódování. Použijte pouze jeden řádek s příslušným kódováním (tj. s řetězcem charset=
) podle toho, jaké při editaci používáte:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Titulek stránky v horní liště okna</TITLE> <META http-equiv="Content-Type" content="text/html; charset=utf-8"> <META http-equiv="Content-Language" content="cs"> <META NAME="author" content="René Hužva"> </HEAD> <BODY BGCOLOR="#FFFFFF"> Tělo WWW stránky </BODY> </HTML>