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

Z Milan Kerslager
Přejít na: navigace, hledání
(Nepatří tam čísla řádků)
m (HTML 5: +meta)
 
(Není zobrazeno 8 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 (v MS Windows jde obvykle o kódování windows-1250). Čísla řádků samozřejmě do HTML dokumentu nepatří.
+
'''Kostra WWW stránky''' slouží jako příklad.
  
      1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+
Použitelné kódování znaků:
      2 <HTML>
+
 
      3 <HEAD>
+
* 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)
      4  <TITLE>Titulek stránky v horní liště okna</TITLE>
+
* ISO-8859-2 – standardizované kódování pro Střední Evropu (jednobajtové), dnes pro WWW stránky už není vhodné
      5  <META http-equiv="Content-Type" content="text/html; charset=windows-1250">
+
* windows-1250 – nevhodné a nestandardizované kódování z MS Windows (typicky staré webové stránky)
      6  <META http-equiv="Content-Language" content="cs">
+
 
      7  <META NAME="author" content="René Hužva">
+
== HTML 5 ==
      8  <!-- Text v komentari (tj. zde) prohlizec ignoruje
+
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>
      9        Charset v prvni META znacce muze byt: windows-1250, iso-8859-2, utf-8 -->
+
 
    10  <!-- Refresh umoznuje po zadanem poctu vterin provest presmerovani jinam -->
+
<!DOCTYPE HTML>
    11  <!-- <META HTTP-EQUIV="Refresh" CONTENT="20; URL=http://www.seznam.cz"> -->
+
<HTML lang="cs">
    12  <!-- Cache-Control umoznuje ovlivnovat chovani Proxy-Cache -->
+
<HEAD>
    13  <!-- <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> -->
+
    <TITLE>Titulek stránky v horní liště okna</TITLE>
    14 </HEAD>
+
    <META CHARSET="UTF-8">
    15 <BODY BGCOLOR="#FFFFFF">
+
</HEAD>
    16
+
<BODY>
    17 Tělo WWW stránky
+
    18
+
Tělo WWW stránky
    19 </BODY>
+
    20 </HTML>
+
</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>>
 +
<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">
 +
    <!-- Text v komentari (tj. zde) prohlizec ignoruje
 +
        Charset v prvni META znacce muze byt: windows-1250, iso-8859-2, utf-8 -->
 +
    <!-- Refresh umoznuje po zadanem poctu vterin provest presmerovani jinam -->
 +
    <!-- <META HTTP-EQUIV="Refresh" CONTENT="20; URL=http://www.seznam.cz"> -->
 +
    <!-- Cache-Control umoznuje ovlivnovat chovani Proxy-Cache -->
 +
    <!-- <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> -->
 +
</HEAD>
 +
<BODY BGCOLOR="#FFFFFF">
 +
 +
Tělo WWW stránky
 +
 +
</BODY>
 +
</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/