Jdi na obsah Jdi na menu
 


Html 0.4

20. 11. 2011

Struktura kódu stránky (2)

Jednotlivé části HTML stránky

Teď si ten kód rozebereme, abychom se v něm dokázali orientovat.

DOCTYPE

Na úplném začátku je deklarace "doctype" (ve výše uvedeném příkladu to jsou první dva řádky).

Polopatě: Představte si, že překladateli dáte text v cizím jazyce, který má přeložit. Buďto bude muset odhadnout, co je to za jazyk, nebo mu to předem řeknete. A když už to bude vědět, bude předpokládat, že je to pravda, a že text nebude smíchaný z více jazyků a bude dodržovat pravidla pravopisu toho jazyka. Protože jestli ne, nemůže zaručit, že překlad bude správný a jestli se obsah textu nezkomolí.

No a tím překladatelem je prohlížeč, tím textem je html kód. Neříct mu, v jakém jazyce je to napsané, to by bylo ošklivé. Řekneme mu to právě zápisem DOCTYPE. A my bychom měli dodržet pravopis toho jazyka, tj. pravidla použité verze HTML. Prohlížeč pak může ten kód správně přeložit - neboli zobrazit.

Jinými slovy - tímto zápisem řeknete prohlížeči, v jaké verzi (X)HTML jste svou stránku napsali. Prohlížeč podle toho s kódem naloží. V našem příkladě je použita deklarace XHTML 1.0 strict, a to jen proto, že jsem v tomhle doctype zvyklá dělat. Třeba si na to taky rádi zvyknete.

A ještě odborně - JPW říká:

"Každý správně formátovaný HTML dokument by měl na začátku obsahovat informace o verzi použitého HTML a typu DTD (Document Type Definition). DTD je jinými slovy návod pro prohlížeč zpracovávající dokument. Říká mu, jaké elementy dokument používá a jak s nimi zacházet. Element DOCTYPE není součástí HTML dokumentu, není elementem HTML a nemusí mít koncovou značku."

Vlastní (X)HTML

To, co následuje, už je opravdu v jazyce HTML; proto je celý zbytek uzavřen do tagu <html> (na konci samozřejmě </html> ).

Hlavička - head

Hlavička je uzavřena do tagů <head> </head> . Může (nebo by měla) v ní být spousta užitečných informací, žádná z nich se ale nezobrazí ve formě textu na výsledné stránce; přesto mají na zobrazení stránky velký vliv.

  • To, co bude mezi tagy <title> a </title> , bude názvem stránky, který se vypíše v horní liště prohlížeče nebo v ikoně ve spodní liště. V našem příkladu to je text "Toto je moje stránka".
  • Dále zde najdete různé tagy <meta /> . Důležitý je hlavně meta tag týkající se kódování.
    Doporučená četba: jakpsatweb.cz o meta tazích
  • Do hlavičky patří také případné skripty a stylopis nebo cesta k externímu stylopisu . To jen aby bylo vidět, že vím o čem mluvím; nám to zatím k ničemu není a necháme to stranou.

Tělo stránky - body

Následují tagy a texty, uzavřené v párovém tagu <body> a </body> . Tady je konečně všechno to, co se na naší stránce zobrazí. A na to se podíváme podrobněji.

 

Komentáře

Přidat komentář

Přehled komentářů

osötad mandelmjölk kalorier aperca.se

(aperca.se, 6. 11. 2020 20:34)


You're so awesome! I do not believe I have read through a single thing like that before. So great to find another person with a few original thoughts on this issue. Seriously.. thanks for starting this up. This website is one thing that's needed on the internet, someone with a bit of originality! breed.aperca.se/map12.php osötad mandelmjölk kalorier

oreiep.se mm sports instagram

(oreiep.se mm sports instagram, 5. 11. 2020 2:52)


Great article, just what I wanted to find. mm sports instagram oreiep.se/map16.php

takbox mekonomen kvalitet munhea.se

(munhea.se, 4. 11. 2020 11:25)


What's up, always i used to check webpage posts here in the early hours in the break of day, because i enjoy to learn more and more. loqua.munhea.se/map8.php takbox mekonomen kvalitet

versa gripps sverige aperca.se

(aperca.se, 4. 11. 2020 8:57)


Sweet blog! I found it while browsing on Yahoo News. Do you have any tips on how to get listed in Yahoo News? I've been trying for a while but I never seem to get there! Thanks tege.aperca.se/map3.php versa gripps sverige

tumphati.se

(tumphati.se, 3. 11. 2020 1:32)


I think the admin of this site is in fact working hard in support of his web site, as here every data is quality based stuff. tumphati.se/map15.php Г¤r kvarg bra

renovera badrum vГҐtrumstapet munhea.se

(munhea.se, 2. 11. 2020 23:07)


Great web site you have here.. It's difficult to find high quality writing like yours nowadays. I really appreciate individuals like you! Take care!! prefi.munhea.se/map5.php renovera badrum vГҐtrumstapet

artros höft träning aperca.se

(aperca.se, 2. 11. 2020 15:36)


You are so interesting! I do not believe I've truly read through a single thing like this before. So good to find someone with a few unique thoughts on this subject matter. Really.. many thanks for starting this up. This web site is one thing that is needed on the internet, someone with a bit of originality! reipr.aperca.se/map4.php artros höft träning

lång täckjacka dam munhea.se

(munhea.se, 1. 11. 2020 10:19)


Hi there everybody, here every one is sharing such familiarity, therefore it's good to read this webpage, and I used to go to see this website every day. munhea.se/map1.php lång täckjacka dam

oratrg.se

(oratrg.se, 31. 10. 2020 23:31)


Hello, of course this post is in fact good and I have learned lot of things from it concerning blogging. thanks. oratrg.se/map19.php lediga lägenheter borås

tecken pГҐ folsyrabrist munhea.se

(munhea.se, 30. 10. 2020 22:08)


I couldn't resist commenting. Well written! gurgle.munhea.se/map3.php tecken pГҐ folsyrabrist

panilul.se

(panilul.se, 30. 10. 2020 6:18)


Hi I am so thrilled I found your blog page, I really found you by accident, while I was searching on Google for something else, Anyways I am here now and would just like to say many thanks for a incredible post and a all round interesting blog (I also love the theme/design), I don't have time to look over it all at the moment but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read more, Please do keep up the fantastic work. panilul.se/map2.php vad Г¤r ringorm

Which your favorite music company? I like mojoheadz.

(SlattStikitle, 30. 10. 2020 2:22)

I like MojoHeadz. https://www.flickr.com/groups/4155236@N24/ When it comes to underground house music, Mojoheadz rcords has pumped out material at an incredible rate. If you're looking to discover the past, current and future talent of happy hardcore music, look no further than mojoheadz.Check my review..

kulventil pem slang aperca.se

(aperca.se, 30. 10. 2020 1:34)


Wow, wonderful blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is magnificent, let alone the content! sioth.aperca.se/map2.php kulventil pem slang

verisure mina sidor munhea.se

(munhea.se, 29. 10. 2020 9:47)


If you desire to improve your know-how just keep visiting this website and be updated with the newest information posted here. cana.munhea.se/map9.php verisure mina sidor

persdap.se

(persdap.se, 28. 10. 2020 9:55)


This is my first time go to see at here and i am in fact pleassant to read everthing at one place. persdap.se/map36.php dhcp servern svarar inte

magdalena graaf nyhetsmorgon aperca.se

(aperca.se, 28. 10. 2020 6:22)


Great blog here! Also your website loads up fast! What web host are you using? Can I get your affiliate link to your host? I wish my web site loaded up as fast as yours lol tege.aperca.se/map11.php magdalena graaf nyhetsmorgon

sasilu.se

(sasilu.se, 28. 10. 2020 0:17)


Fantastic beat ! I wish to apprentice whilst you amend your web site, how can i subscribe for a weblog website? The account helped me a applicable deal. I had been tiny bit acquainted of this your broadcast offered bright clear idea sasilu.se/map14.php hur spacklar man

svett under armarna tips munhea.se

(munhea.se, 27. 10. 2020 20:53)


Hello, Neat post. There's a problem with your web site in web explorer, might test this? IE still is the marketplace chief and a big portion of people will pass over your magnificent writing because of this problem. ifpro.munhea.se/map7.php svett under armarna tips

azilopar.se

(azilopar.se, 27. 10. 2020 8:03)


No matter if some one searches for his necessary thing, so he/she desires to be available that in detail, so that thing is maintained over here. azilopar.se/map27.php färgning av bryn

benmmdi.se

(benmmdi.se, 26. 10. 2020 4:50)


Hello there, You've done a fantastic job. I'll definitely digg it and personally recommend to my friends. I am sure they will be benefited from this website. benmmdi.se/map1.php potatis på olika sätt


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8

následující »