« 1 2 »
Autor Zpráva
jjj
Profil *
#1 · Zasláno: 16. 2. 2008, 21:10:03 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Začínam s html a hlavně css pořídil jsem si knihu html a css krok za krokem a vytvořil jsem si podle ni šablonu to proto abych ty věci nemusel psat pořád znova vypada to asi takhle.

1.pro html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--kodovani cestiny-->
<title></title>
<meta name="description" content="popis"> <!--popisek-->

</head>
<body>

</body>
</html>


2.pro xhtml
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xlmns="http://www.w3.org/1991/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!--kodovani cestiny-->
<title></title>
<meta name="description" content="popis"> <!--popisek-->

</head>
<body>

</body>
</html>

No a když dám to prověřit valigatorem ktery jsem si nastavil pomoci nějake stranky v opeře tak mi to u první te html ukaže že prošel ale u druhe xhtml mi to ukaže nějake chyby.

A taky by mě zajimalo jak je to u neparovych tagu s tou mezerou a lomítkem (např.<br />). Pry se to ma dělat a take se to ma dělat i u meta tagu protože jsou neparove takže asi třeba u tohoto <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> by to bylo takhle <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> (tedy pokud se to píše u všech v knižce o tomto tagu nebyla ani zmínka (zatím) ale bylo to popsane u keywords ale bylo to to same jenže valigator mi zase nahlasí chyby tak jsem z toho blazen co jo a co ne.

Takže by mě zajimalo jestli se to piše kde a u ktereho kodu to mam dělat asi u obouch pry je lepší si na to zvyknout.

A jestli mužu tyto šablony používat nebo jak by to teda mělo vypadat i s tym lomítkem a mezerou spravnym kodovanim a prostě se vším aby to bylo ok.

— Moderátor (S): opraven překlep v titulku —
Miloš
Profil
#2 · Zasláno: 16. 2. 2008, 21:49:15
Odpovědět Citovat
1) Je HTML v pořádku? Tak piš HTML.
2) V XHTML je prý budoucnost, ale to už se říká několik let a skutek utek'. Krom toho – pokud pošleš stránku v dobré víře napsanou jako XHTML, nejspíš ji pošleš jako text/html (application/xhtml+xml ti totiž nesežere explorer); prohlížeče pak – narozdíl od oficiálního validátoru – obdrží nevalidní HTML.
3) V HTML se nepárové značky nijak neukončují (<br> <hr> <img src="…">…)
4) Kódování – není až tak důležité, jaké si vybereš (z windows-1250, iso-8859-2 a utf-8) – důležité je jen jedno – abys v <meta … charset= uvedl to kódování, ve kterém je soubor uložen;
píšu-li, že je jedno, které kódování si vybereš, jen bych snad dodal, že osobně ti doporučím utf-8 – spoustu znaků, které zapisuješ jinak v kódu entitami, můžeš mít v kódu přímo.
5) HTML šablona je v zásadě dobře, jen bych přidal meta keywords:
<meta name="keywords" content="klíčová slova">
Zatímco description je popis toho, co je na stránce (klidně celými větami), do keywords piš důležitá klíčová slova (ta, která se na dané stránce nacházejí).
6) Jestliže hodláš používat inline styly (například <p style="něco"> – silně nedoporučuji), přidej si do head sekce šablony <meta http-equiv="Content-Style-Type" content="text/css">.
7) Jestliže se ti na stránce vyskytnou některé js události (onclick a podobně), přidej si do head sekce šablony <meta http-equiv="Content-Script-Type" content="text/javascript">
Str4wberry
Profil
#3 · Zasláno: 16. 2. 2008, 22:24:53
Odpovědět Citovat
Odpovídám jjj:
Doporučuji Ti (stejně jako Miloš) psát v šabloně č. 1. Získáš několik výhod — jako například vypouštění některých zbytečných značek atd.

Jinak validní šablona č. 2 by vypadala takto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <!--kodovani cestiny--> 
<title></title> 
<meta name="description" content="popis"/> <!--popisek--> 

</head> 
<body> 

</body> 
</html>
Bubák
Profil
#4 · Zasláno: 16. 2. 2008, 22:27:59 · Upravil/a: Bubák
Odpovědět Citovat
Jak má v XHTML vypadat nepárový tag a spoustu dalšího najdeš v článku:
http://atd.havrlant.net/jak-na-dokonale-xhtml

Validátory:
http://validator.w3.org/
http://validator.webylon.info/ má několik odchylek
http://jigsaw.w3.org/css-validator/

Můj názor:
XHTML se zatím nemusíš učit, pokud někdy později budeš XHTML potřebovat, když budeš umět HTML, XHTML se naučíš rychle, rozdílů je minimum, viz odkázaný článek.
jjj
Profil *
#5 · Zasláno: 16. 2. 2008, 22:38:02
Odpovědět Citovat
Miloš......no k css... mě spíše jde o ty externi css soubory nebo co to je prostě ten soubor .css a v kodu se jen da odkaz to mi přijde asi nejlepší řešeni z css a hlavně mi jde o grafiku tj. hlavička,odkazy,menu atd ktere se rozřeže jestli víš co myslím jenže nevím kde najít návod kde by to bylo podrobně popsane a v te knižce to myslím není což se mi zda divne.
A tam se teda to u šestky <meta http-equiv="Content-Style-Type" content="text/css"> nepoužíva nebo taky?

Sedmičkou byly myšlene ty javascripty třeba jako ty zde na jpw?

Ten kod u 6 a 7 se da jen do hlavičky nebo jak jako sekce šablony?


Takže použít první šablonu ktera je v pořádku a přidat jen meta tagy uvedene v 5,6,7 jo?

A co když časem budu se chtit zajimat o php a javascript popř.flash? Nebude xhtml třeba?
Str4wberry
Profil
#6 · Zasláno: 16. 2. 2008, 22:45:49
Odpovědět Citovat
Odpovídám jjj:
„nevím kde najít návod kde by to bylo podrobně popsane“
Je možné použít něco hotového.

„Ten kod u 6 a 7 se da jen do hlavičky nebo jak jako sekce šablony?“
Viz http://atd.havrlant.net/deset-nejcastejsich-chyb-pri-validaci#nedef-st yle

„Nebude xhtml třeba?“
Nebude.
Miloš
Profil
#7 · Zasláno: 16. 2. 2008, 22:48:56
Odpovědět Citovat
6) taky píšu Jestliže hodláš používat inline styly (například <p style="něco"> – silně nedoporučuji) – což znamená, že bod 6 jsem napsal jen pro úplnost. Samozřejmě že externí css ti jen a jen chválím.
A v tom případě je onen meta zbytečný, protože typ jazyka uvádíš v samotném linku:
<link rel="stylesheet" href="styl.css" type="text/css">

7) Ano jakmile v HTML kódu užiješ něco z výraziva javascriptu (například mnou uvedený onclick), pak je vhodné v meta uvést typ scriptovacího jazyka.

Obojí jsou <meta …> tagy, neboli patří do sekce <head>

--------------

Budeš-li se chtít zajímat o PHP nebo flash, tak ti XHTML nepřinese nic důležitého a klidně můžeš i nadále psát HTML.
jjj
Profil *
#8 · Zasláno: 16. 2. 2008, 23:24:08
Odpovědět Citovat
moc díky,kdyby byly nějake další problémy hodím to sem ať zbytečně nezakládám nová vlakna.
Díky moc
Miloš
Profil
#9 · Zasláno: 16. 2. 2008, 23:32:08
Odpovědět Citovat
Budou-li se týkat něčeho jiného, pak samozřejmě založ nové vlákno.
Stejně tak budeš-li chtít pokračovat třeba po půlo roce, protože ne každý má zobrazování příspěvků nastaveno na podle nových odpovědí – třeba já si nechám příspěvky třídit podle nových temat.
jjj
Profil *
#10 · Zasláno: 16. 2. 2008, 23:44:17
Odpovědět Citovat
aha tak jo ale jak Str4wberry napsal ten validni kod proč teda v knižce ještě když je od cpress píší blbe kody? Zase tak stara knižka to neni když je z roku 2007.
Zdeněk Košťál
Profil
#11 · Zasláno: 17. 2. 2008, 01:09:42 · Upravil/a: Zdeněk Košťál
Odpovědět Citovat
jjj
To, že je to v knize, neznamená, že je to dobře. Knihy píší také jenom lidi - a také se pletou.
Str4wberry
Profil
#12 · Zasláno: 17. 2. 2008, 08:49:11
Odpovědět Citovat
Odpovídám jjj:
„aha tak jo ale jak Str4wberry napsal ten validni kod proč teda v knižce ještě když je od cpress píší blbe kody? Zase tak stara knižka to neni když je z roku 2007.“
Některé knihy od Computer Press jsou zvláštní, ale nemohl ses překlepnout?
jjj
Profil *
#13 · Zasláno: 17. 2. 2008, 12:35:06
Odpovědět Citovat
no ja to kontroloval a nepřeklepnul jsem se ale stejně myslím že se to všechno v knize děla v te prvni html šabloně ale nechapu proč když je to šablona html tak se tam uvadí u neparovych tagu taky ta mezera a lomítko <br /> když to ma byt u xhtml není to špatně nebo se to i tam taky muže uvadět?
Zdeněk Košťál
Profil
#14 · Zasláno: 17. 2. 2008, 13:39:35
Odpovědět Citovat
jjj
Ne, lomítko a mezera se skutečně uvádí jen u HTML. Lomítko je uzavření nepárového tagu v XML a mezera je tam proto, že to chroustá HTML parser, kterému se ve většině případů XHTML předhazuje. V HTML, které je založené na SGML, tedy toto lomítko nemá smysl. Máš pravdu - je to špatně.
jjj
Profil *
#15 · Zasláno: 17. 2. 2008, 14:21:33
Odpovědět Citovat
aha diky takže ty lomítka mam v html vynechat díky zdalo se mi to divne.
Měsíček
Profil
#16 · Zasláno: 17. 2. 2008, 14:28:35 · Upravil/a: Měsíček
Odpovědět Citovat
Máš pravdu - je to špatně.

Ale ne ve všech případech. Například <br /> v HTML je také dobře, zato například <meta cokoliv .. /> je již špatně.
Timy
Profil
#17 · Zasláno: 17. 2. 2008, 14:37:55
Odpovědět Citovat
Měsíček
„Ne, ale ve všech případech.“
Ne že bych byl pedant na gramatiku, ale ta čárka tam nemá co dělat. Zrovna v tomhle případě to i docela posouvá smysl věty. Tedy pokud jsi chtěl říci „Ale ne všech případech.“ ;-).
Měsíček
Profil
#18 · Zasláno: 17. 2. 2008, 14:48:08
Odpovědět Citovat
Máš pravdu na Češtinu jsem oslík :)
Bubák
Profil
#19 · Zasláno: 17. 2. 2008, 17:02:46
Odpovědět Citovat
Například <br /> v HTML je také dobře
Není to dobře. Pouze to není podle validátoru chyba.
Timy
Profil
#20 · Zasláno: 17. 2. 2008, 17:06:14
Odpovědět Citovat
Bubák
A proč by to nebylo dobře? Lomítko ukončí značku (viz) a „>“ by se mělo normálně zobrazit. V HTML <br> ≠ <br/>, ale <br/> je každopádně legální HTML zápis.
habendorf
Profil
#21 · Zasláno: 17. 2. 2008, 17:35:03
Odpovědět Citovat
Timy
Lomítko ukončí značku (viz) a „>“ by se mělo normálně zobrazit.

A ona existuje značka <br > ?
Měsíček
Profil
#22 · Zasláno: 17. 2. 2008, 18:08:44 · Upravil/a: Měsíček
Odpovědět Citovat
Existuje značka

<br> a v ní může být mezer jak je libo :)

1.) Validátor to v poklidu schroustá.
2.) Prohlížeč taktéž (20 mezer si zhodí na jednu).
3.) Specifikace neuvádí, že by mezery v tagu nenarušující název značky, byly chybou.

Takže správně je jak :

<br> tak i <br /> tak i <br/> tak i <br >
Chamurappi
Profil
#23 · Zasláno: 17. 2. 2008, 18:57:04
Odpovědět Citovat
Reaguji na habendorfa:
Mezery nevadí.

Reaguji na Měsíčka:
Lomítko v jakékoliv značce je NET zápis (při MIME typu „text/html“). Žádný prohlížeč ho nepodporuje a to, že u některých kombinací validátor nehlásí chybu, neznamená, že je <br /> správně a <meta /> špatně. Ani <meta /> totiž nemusí hlásit chybu.
Měsíček
Profil
#24 · Zasláno: 17. 2. 2008, 20:25:39
Odpovědět Citovat
Ani <meta /> totiž nemusí hlásit chybu.

Toť pro mne novinka :)

Žádný prohlížeč ho nepodporuje

To jsem nevěděl.

že u některých kombinací validátor nehlásí chybu, neznamená, že je <br /> správně a <meta /> špatně.

Přesně tak, snažil jsem se říct, že to není špatně - což není, jen jsem se zapletl do slovíček.

==

Jinak bych se chtěl ještě vrátit k této větě : "Žádný prohlížeč ho nepodporuje" jak to myslíš "nepodporuje"? Myslíš tím, že ho ignoruje? Nebo něco jiného?
Chamurappi
Profil
#25 · Zasláno: 17. 2. 2008, 20:34:50
Odpovědět Citovat
Reaguji na Měsíčka:
Ano, nepodporou myslím ignorování. Podpora by se u „<br />“ projevila zobrazením znaku „>“.
Případ, kdy <meta /> nebude hlásit chybu, je postaven na tom, že jsou vynechané značky </head> i <body>. Validátor si obě dvě doplní za lomítko v <meta />, takže to většítko už považuje za součást elementu <body>.
Měsíček
Profil
#26 · Zasláno: 17. 2. 2008, 20:36:23
Odpovědět Citovat
Tak to jo :) díky za vysvětlení.
jjj
Profil *
#27 · Zasláno: 17. 2. 2008, 22:51:38
Odpovědět Citovat
Tak jsem si to pročetl a jsem z toho totalně mimo tak mužou ty lomítka být u <br /> a jinych značkách v body a ty <meta /> nebo jak teda teď jsem se do toho totalně zamotal :-)

Jinak někde jsem četl že neni třeba brat na valigator ohled je to pravda nebo ne?
habendorf
Profil
#28 · Zasláno: 17. 2. 2008, 22:56:26
Odpovědět Citovat
neni třeba brat na valigator ohled

Na valigator ne. Na validátor také ne. Na aligátor radši ano.
Chamurappi
Profil
#29 · Zasláno: 17. 2. 2008, 23:13:13
Odpovědět Citovat
Reaguji na jjj:
Prostě nevnímej, co píše Měsíček, on v tom má také hokej. Lomítka do <br> nepiš, jinak tě sežere (v)aligátor.
jjj
Profil *
#30 · Zasláno: 18. 2. 2008, 21:25:41
Odpovědět Citovat
díky moc ale nechapu ještě jednu věc nechal jsem prověřit tento kod tj. kod ktery napsal Str4wberry:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--kodovani cestiny-->
<title></title>
<meta name="description" content="popis" /> <!--popisek-->

</head>
<body>

</body>
</html>


no a na http://validator.w3.org/#validate-by-upload pomocí upload file mi napíše This Page Is Valid XHTML 1.0 Transitional! tedy asi že je to ok ale na českem to je asi validator.webylon.info/ mí vyhodí 3 chyby a 2 varování tak nevím jak to je když mi jeden napíše tak a druhy tak.
Neexistuje nějaky validátor nebo co to je (validator,valigator teď nevím jaky je v tom rozdíl) kteremu mam věřit a ktery to zobrazi spravně?
Téma pokračuje na další straně.
« 1 2 »

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0