Stránka 1 z 1

Jak by měla správně vypadat hlavička HTML?  Vyřešeno

Napsal: 11 led 2012 21:17
od preclik
Zdravím.jak by měla prosím vypadat správně hlavička s doctype atd..nebo správně-prostě co nejlíp, aby tam nic nechybělo.
Nějak takhle?

Kód: Vybrat vše

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
.
.
.
</head>
<body>
...


Re: Jak by měla správně vypadat hlavička HTML?

Napsal: 12 led 2012 06:22
od Myloš
V řadě první bych se vykašlal na XHTML, protože
  • buď ho budeš posílat skutečně jako application/xhtml+xml, ale v takovém pořípadě riskuješ, že buď někde uděláš chybu ty, nebo redakční systém (potkal jsem například takový e-shop) a povinností prohlížeče je takovou stránku nezobrazit:
    Obrázek
  • anebo ji pošleš s mime-typem text/html, ale pak ji za xhtml bude považovat pouze oficiální validátor a někteří kodéři, ale všechny prohlížeče ji budou považovat za HTML a budou se tak k ní chovat.
K danému tématu doporučuji přečíst (nebo aspoň pročíst) http://diskuse.jakpsatweb.cz/?action=vt ... opic=11358 – ocituji zde jen jeden příspěvek:
kvůli přehlednosti je schovaný do spoileru; rač si ukliknout ;-)
► Zobrazit spoiler

O xhtml najdeš hodně kritického textu i na Webylonu: http://www.webylon.info/K.XHTML

Pokud jde o HTML, tak aby nic nechybělo, je nutné uvést:
  • Deklaraci typu dokumentu, pokud nechceš psát v režimu zpětné kompatibility (quirk). Jinou smysluplnou funkci uvedení příslušné DTD nemá. Má jen jednu po mém soudu nedůležitou funkci – bez jeho uvedení nebude stránka validní, ale vzhledem k tomu, že prohlížeče od sebe nerozlišují (a ani rozlišovat nesmějí) jednotlivé verze HTML, je jedno, kterou verzi v deklaraci uvedeš, nebo jestli neuvedeš žádnou.
    Osobně preferuji standardní vykreslovací režim, proto buď doctype HTML 4.01 transitional s URL:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    anebo HTML 5:
    <!doctype html>
  • Je vhodné uvést kódování diakritiky, aby ji prohlížeče neměly chuť zobrazovat špatně, tzn uvést příslušné META:
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    ale v případě, že posíláš kódování už v HTTP hlavičce – v PHP takto:
    <?php header('Content-type: text/html; charset=utf-8'); ?>
    můžeš daný řádek s META vynechat (http-equiv znamená ekvivalent HTTP hlavičky; posíláš-li jak tu, tak META, v případě odlišnosti má přednost HTTP hlavička).
  • Je potřeba (je to přinejmenším navýsost slušné kvůli lidem) vhodný titulek. Pro každou stránku by měl být unikátní, ale měl by také obsahovat jméno webu. Pokud má web krátké jméno, je dobré s ním začít:
    <title>Kráva.edu *** Přehled dojivosti za druhý kvartál roku 1816</title>
    V opačném případě doporučuji jméno webu až na druhém místě:
    <title>Koncerty *** Plechy.cz – kapela ze samých pozounů</title>
  • Můžeš také uvést meta-informace s popisem:
    <meta name="description" content="Popis stránky, co na ní je a tak podobně">
    a klíčovými (nejdůležitějšími) slovy, která se na stránce vyskytují:
    <meta name=keywords content="krávy, mlíko, dojivost, chlívek, vidle, hnůj, močůfka">
  • Můžeš, chceš-li, uvést další meta informace, třeba o autorovi včetně kontaktu:
    <meta name="copyright" content="Franta Vokurka; e-mail: fero@uborka.hu">
  • Čistě minimalisticky ale může kompletní HEAD vypadat takto:
    <!doctype html>
    <title>Sláva nazdar filetu</title>

    Všechno ostatní je zbytečné, protože buď jde o naprosto zbytné informace (například <meta name="generator"…), nebo o tagy, které mají nepovinnoui nejen ukončovací značku (jako je v body třeba <p> nebo <li>), ale dokonce mají nepovinnou i značku otevírací. Jsou to <html>, <head> a <body>. Nemusíš se bát, že by došlo k chybě, je povinností prohlížeče si tyto značky domyslet a není ani možné, že by si je domyslel špatně; pravidla jsou v tomto případě jednoznačná.
    O tom, které značky jsou/nejsou povinné, se dočteš v přehledu www.w3.org/TR/REC-html40/index/elements.html.
  • O tom, nakolik jsou (anebo naopak nejsou) důležité (nejen) meta-tagy pro vyhledávače najdeš něco na www.jakpsatweb.cz/vyhledavace.html#indexovani.
No a to je snad už všechno.

Re: Jak by měla správně vypadat hlavička HTML?

Napsal: 12 led 2012 08:02
od CZechBoY
já třeba používám hlavičku, v který si myslim že nic nechybí, ale je dlouhá jak tejden + ještě další HTTP hlavičky, no prostě to je všechno strašně velký
hlavička
► Zobrazit spoiler

Re: Jak by měla správně vypadat hlavička HTML?

Napsal: 12 led 2012 10:09
od preclik
díky.pročtu a trochu se poučím aspoň