Kostra WWW stránky: Porovnání verzí

Z Milan Kerslager
Přejít na: navigace, hledání
m (UTF-8)
m (HTML 5: +meta)
 
(Není zobrazeno 5 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é při editaci používáte:
+
'''Kostra WWW stránky''' slouží jako příklad.
  
* windows-1250 &ndash; použijte při editaci v MS Windows (např. Poznámkový blok)
+
Použitelné kódování znaků:
* iso-8859-2
+
 
* utf-8
+
* 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>
+
    <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-Type" content="text/html; charset=utf-8">
 
     <META http-equiv="Content-Language" content="cs">
 
     <META http-equiv="Content-Language" content="cs">
Řádka 25: Řá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>

Reference

  1. http://www.w3.org/TR/html5/document-metadata.html#document-metadata
  2. https://cs.wikipedia.org/wiki/Byte_order_mark
  3. http://notepad-plus-plus.org/