Html 0.4
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."
Doporučená četba: jakpsatweb.cz o doctype, wellstyled.com o režimech prohlížečů podle doctype.
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řehled komentářů
Стань королем настоящего средневекового королевства!
Захватывающая RPG игра и симулятор замка
https://fas.st/tdhru
Music has tied us Keyboards & Pianos
(MichaelGal, 8. 9. 2021 8:29)
Leading online boutique founded in 2011 in the UAE.
Our main goal is to buy and sell over 16,000 new and unique items such as bags, apparel, watches and jewelry from leading luxury brands such as Louis Vuitton, Chanel, Van Cleef and Arpels, Cartier, Rolex and more.
https://fas.st/8DXjr
String Instruments
(MiltonCox, 3. 9. 2021 22:09)
Music has tied us
Keyboards & Pianos
https://fas.st/NNXXI
Drums & Percussion
https://fas.st/Vay4s
String Instruments
https://fas.st/32jbD
amBok
(Charlesgam, 3. 9. 2021 7:45)
Will it be correct that Russian singles can discover enjoy and companionship having an online dating services assistance such as Anonymous Courting For Sexual activity?
Many people are under the impression that Russian single women and men are hard to find, although the opposite applies. https://vimeo.com/doubtticket73
You will find a high number of individual Russian females and Western guys who have realized enjoy online.
There is also a high number of totally free, Russian courting providers. These free of charge providers are perfect for those single people who want to consider a brand new romantic relationship, but usually do not desire to invest a lot of money doing so.
web coupon web coupon
(ScottComma, 1. 9. 2021 3:19)
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
https://www.hostingcouponspot.com/changeip-coupons - Virmarch coupon
glocken gold multivitamin
(glocken gold multivitamin, 30. 8. 2021 13:58)
Pretty portion of content. I simply stumbled upon your weblog and in accession capital to claim that I acquire in fact loved account your blog posts. Anyway I'll be subscribing in your feeds and even I fulfillment you get right of entry to constantly fast. glocken gold multivitamin amoc.sewomabest.com/map6.php
gaggia mdf kvarn
(gaggia mdf kvarn, 30. 8. 2021 4:12)
Greetings! Very helpful advice in this particular article! It's the little changes that make the most significant changes. Many thanks for sharing! gaggia mdf kvarn restn.prizsewoman.com/map15.php
bästa vegetariska maten
(bästa vegetariska maten, 29. 8. 2021 17:49)
I got this web site from my friend who told me concerning this site and at the moment this time I am browsing this web page and reading very informative articles at this place. bästa vegetariska maten eqys.sewomabest.com/map10.php
biotherm eau pure shower gel
(biotherm eau pure shower gel, 29. 8. 2021 7:35)
Hello, this weekend is good in favor of me, since this moment i am reading this fantastic informative article here at my house. biotherm eau pure shower gel utes.sewomabest.com/map1.php
body shop face mist vitamin c
(body shop face mist vitamin c, 28. 8. 2021 22:11)
I am regular reader, how are you everybody? This article posted at this site is actually nice. body shop face mist vitamin c kokske.teswomango.com/map2.php
t3 bredband bra eller dåligt
(t3 bredband bra eller dåligt, 28. 8. 2021 11:21)
I was very pleased to uncover this web site. I wanted to thank you for ones time just for this fantastic read!! I definitely appreciated every part of it and i also have you saved to fav to see new things on your web site. t3 bredband bra eller dåligt tisi.teswomango.com/map9.php
var är zlatan film
(var är zlatan film, 28. 8. 2021 2:00)
Generally I don't read article on blogs, but I would like to say that this write-up very pressured me to try and do so! Your writing taste has been amazed me. Thank you, very great post. var är zlatan film pittfo.prizsewoman.com/map23.php
overknee stövlar låg klack
(overknee stövlar låg klack, 26. 8. 2021 2:24)
I blog quite often and I really thank you for your content. This great article has really peaked my interest. I'm going to book mark your blog and keep checking for new details about once a week. I opted in for your Feed too. overknee stövlar låg klack viasis.sewomabest.com/map13.php
un pied en metre
(un pied en metre, 25. 8. 2021 3:06)
Hello, I enjoy reading through your article. I like to write a little comment to support you. un pied en metre scaran.teswomango.com/map25.php
amerikansk mat online
(amerikansk mat online, 24. 8. 2021 17:13)
My spouse and I stumbled over here from a different website and thought I might as well check things out. I like what I see so now i'm following you. Look forward to going over your web page yet again. amerikansk mat online amfai.sewomabest.com/map14.php
pollenallergi ont i kroppen
(pollenallergi ont i kroppen, 24. 8. 2021 7:46)
I'm really enjoying the theme/design of your blog. Do you ever run into any browser compatibility problems? A small number of my blog audience have complained about my website not operating correctly in Explorer but looks great in Opera. Do you have any solutions to help fix this issue? pollenallergi ont i kroppen tuca.prizsewoman.com/map4.php
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54
Storage Furniture
(Kennethchife, 10. 9. 2021 8:32)