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ářů

Как приобрести электронный ключ

(Willieoxiny, 24. 1. 2020 18:18)

Как приобрести электронный ключ

(Willieoxiny, 10. 1. 2020 14:24)

PlayAmoo

(JosephDiree, 9. 1. 2020 3:04)

Официальный сайт PlayAmo Casino - https://playamo.pro/

Sol Casino

(Josephtauri, 18. 12. 2019 14:35)

онлайн казино сол официальный сайт https://sol-casino777.xyz/

Free Bitcoin

(quickchainkam, 14. 9. 2019 22:27)

Grow your bitcoins by 10% per 2 days.
Profit comes to your btc wallet automatically.

Try https://quickchain.cc/#xr
it takes 2 minutes only and let your btc works for you!

Guaranteed by the blockchain technology!

Overview of Financial Companies

(fxbrokersTeek, 10. 9. 2019 2:06)

https://currency-trading-brokers.com/forex-comparisons-ratings-reviews-ireland.html Athbhreithniú is fearr forex bróicéirí.

Исаков Георгий Владимирович мошенник

(AlexeyMus, 7. 9. 2019 0:28)

Откат не только вреден для предприятия покупающего по завышенным ценам, но иполезен являясь залогом финансовой стабильности для человека известного в узких кругах как Исаков Георгий Владимирович 10.07.1973 г.р. в не зависимости от того представляет ли Исаков Георгий Владимирович 10.07.1973 г.р. интересы покупателя или поставщика такого как ООО "Гаскет Технолоджи" ИНН 3435911580 или ООО "Тех-ресурс" ИНН 3460075603 цена на поставку будет существенно завышена. Наверное не нужно объяснять как это работает. Налаженная Исаковым Георгием Владимировичем схема откатов при осуществлении поставок улучшает его финансовое положение и крайне пагубно влияет на финансовое положение покупателя если конечно, он не заинтересован в своем банкротстве. Стоит отметить, что предприятия ООО "Гаскет Технолоджи" ИНН 3435911580 или ООО "Тех-ресурс" ИНН 3460075603 чьи интересы лоббирует Исаков Георгий Владимирович являются современными аналогами известной фирмы «Рога и Копыта», а директора этих предприятий обычные «Фунты»

w collection tyg

(w collection tyg, 4. 9. 2019 19:40)


Hi would you mind letting me know which web host you're utilizing? I've loaded your blog in 3 completely different web browsers and I must say this blog loads a lot quicker then most. Can you recommend a good web hosting provider at a reasonable price? Cheers, I appreciate it! w collection tyg ptera.awombud.be/map12.php w collection tyg

заказ калибровка прошивок ЭБУ автомобилей

(AlvaroPrugs, 22. 8. 2019 17:47)

Здравствуйте,
Мы занимаемся изготовлением модифицированных прошивок на заказ
,это тюнинг прошивки Stage1,Stage2,удаление ЕГР,ДПФ,перевод на
евро2 и прочих систем.
ролик на ютуб про нас https://youtu.be/f-6RKYIEueY

для Вас мы работаем ЕЖЕДНЕВНО!

заказ калибровки прошивки производится через email
max.autoteams@ya.ru
в заказе обязательно указываем:
Тех. задание!
1. Марка авто:
2. Модель:
3. Объём мотора:
4. Коробка (Мт/Ат):
5. Какой ЭБУ:
6. Чем читали:
7. Задание (тюн/e0/е2/EGR/DPF/Adblue/evap/SAP/TVA/TVS/либо другое):
8. прикрепляем файл стоковой,оригинальной прошивки


Калибровка (чип-тюнинг, отключение DPF, EGR, CAT, LSU, VSA, SAP, EVAP, ADBlue, SCR, DTC) прошивок ЭБУ на заказ осуществляется в максимально короткие сроки. Все заказы направляйте на почту max.autoteams@ya.ru"

Simple question about our life.

(Cindytar, 26. 7. 2019 3:18)

Hi, a have one question.
What all people doing here?
Why we dont living with real life?

Усі медичні зaклaди України

(helper62s, 22. 7. 2019 19:30)

Рeйтинг,відгуки,кoмeнтаpі,огляд,рeцензіі,кpитикa.
Лікарні
Пpактикуючі лікapі
Аптeки тa аптечні мepежі Укpаїни
Пoлoгові будинки
Приватні клініки
Косметoлогія
Швидкa допомогa
Мeдичне стрaхувaння
Meдичні центри
Лaборaтoрії
Громaдські opганізaції
Caнатоpії
Пoліклініки
Лікування за кoрдоном
Cтoматoлoгії
Диспaнcери
https://medhelp.com.ua/odesa/place/11586/diagnostiki-im-profesora-g-i-lobanovskog
https://medhelp.com.ua/ternopil/place/14998/apteka

Подскажите

(Senchihin87, 21. 7. 2019 13:54)

Привет, друзья!

Как можно очистить ошибку 7 https://prom-electric.ru/articles/1/1329/ на данфус vlt2800?
Заранее спасибо за любой ответ.

Stairs and fences made of glass, wood, metal

(Nomon mip, 19. 7. 2019 16:29)

Ограждения для лестниц, которые предлагает наша компания, отличаются надежностью, устойчивостью к различным агрессивным воздействиям и безупречным внешним видом. Кроме этого, при их изготовлении учитываются всевозможные нормы и требования, актуальные для данной группы изделий. Сложно представить здание, в котором будут отсутствовать лестничные ограждения, наличие которых способствует увеличению удобства, безопасности при передвижении. Отметим, что сегодня для изготовления конструкции предлагается большой выбор элементов, с помощью которых удается быстро, выполнить монтаж конструкции, которая многие годы прослужит без потери первоначальных качеств. Изготовление, проектирование и монтаж лестниц и https://stairsprom.ru/uslugi/ - стеклянные ограждения лестниц и стоят приемлемо, по сравнению с конструкциями из других материалов при равных качественных характеристиках. Однако нержавейка намного более популярный материал – его легко обрабатывать, комбинировать с другими материалами, устанавливать и ухаживать за уже готовым изделием

backlinks-camera-ha-noi

(CharlesLoOzy, 15. 7. 2019 8:18)

backlinks-camera-ha-noi

Your stair

(Besse gaify, 8. 7. 2019 23:08)

from whom to buy for yourself chic https://stairsprom.ru - fencing self-supporting in a country house

oukitel u7 купить тачскрин

(angelaRew, 6. 7. 2019 11:21)

oukitel u7 купить тачскрин: https://smartera.in.ua/touch-scree-lcd-oukitel-u7-pro

Craigslist Toledo

(PhillipSeige, 2. 7. 2019 15:42)

Craigslist offers website members a marketplace in promoting, sell and trade products and services. Allow your dog to interact while using potential adopter and family. Spend enough time for the Internet and getting targeted by scammers is inevitable. Typically, these posts feature personal stories, funny anecdotes and wild rants that make sure they are interesting. Craigslist recommends that you just have someone present when you might be showing the potential sublessee the apartment.

Native Deodorant Coupons

(Taylorkam, 23. 6. 2019 16:20)

When you are searching for Indigenous Antiperspirant best voucher, you are guaranteed to receive one of the most existing and also helpful promotion deals and also discount rates. We provide 52 promo code codes, 24 promo sales and also numerous in-store offers and buying pointers for Native Antiperspirant best promo code.https://nativedeodorantcoupons.us/

Как воспользоваться почтой с мобильного?

(Michaelzique, 21. 6. 2019 13:03)

subj..

baby stand up swing

(LeslieDiold, 21. 6. 2019 11:25)

evenflo baby swing < & . ? . ( . # . $ ^ + . ^ . ( = @ & < * . . + * $ \ https://bestbabysupport.com/best-baby-swing-for-reflux/ baby swing target : . . @ baby swing chair price in pakistan ( ! " ) ( . < # * - . . * - & . . * % * > . <


1 | 2 | 3 | 4 | 5

následující »