Validálás

[M. Tamás]

Nem hinném, hogy felesleges. Lásd fészbúk és társaik.. [...]

Adom. Mindig kellhet az iframe.

[Keveqiah]

Nem hinném, hogy felesleges. Lásd fészbúk és társaik.. Valamint kikapcsolt js-el is tudsz "ajax" kéréseket, rejtett műveleteket elvégezni..

[ThompsoN]

:shock: Most veszem csak észre, miért került be a HTML5-be az iframe?

Szerintem csak azért, hogy egy felesleges tag gazdagítsa a HTML-5 taglistáját..

[tomi6230i]

 :shock: Most veszem csak észre, miért került be a HTML5-be az iframe?

[M. Tamás]

Akkor már mindjárt más. Köszönöm. Úgyis HTML5-re fogok váltani, már csak a header és footer miatt.

[tomi6230i]

Nem fog hibát jelezni, ha transitional doctype-ra váltasz. Az a helyzet, hogy az iframe elem elavult, és sok okból nem ajánlott a használata. Viszont sokszor ez a legegyszerűbb megoldás. De nem is az a baj, ha jelez a validátor, hanem ha a megjelenítéssel vannak problémák.

[M. Tamás]

Na az előző hibára már nem is emlékezem, de mégis. Ugyanaz volt, mint most. A hiba a hivatkozás és képpel van, de miért? Az Ubuntu-s képpel semmi baja, holott az is hivatkozás.

Elküldve:: 2011. Május 09.  14:39:42Javítás: Tudom mi a baja, az hogy a noscript elemben nem lehet közvetlenül szövegközi elem. :doh:
Elküldve:: 2011. Május 09.  14:44:57Az iframe helyett mit használjak, hogy az érvényesítő ne dobjon ki hibát? A Facebook ezt adja a tetszik gombhoz, de a Youtube is (hiba). Van erre valami más megoldás?

[M. Tamás]

Vagy object-el kéne beilleszteni.

gróf M Tamás is object-el illesztette be.

Meg van a megoldás.Mi a baja az érvényesítőnek?

[M. Tamás]

Kösz mindannyiotoknak.

[tomi6230i]

megadhatod így is: cols='' rows=''

[Keveqiah]

ha dinamikusan generálod a formot, akkor számít a cols, rows, mivel könnyebb ott beállítani, mint külön a css-t buherálni hozzá. Főleg, ha nincs lehetőséged külön css-t és class-t hozzáadni.

[M. Tamás]

Amúgy attól, hogy megadod ilyen módon a méretér, tudod állítani CSS-el is.. És szerintem a CSS-t veszi figyelembe.

Szerk.: kipróbáltam w3c try it yourself editorával, és ha megadod a rows és cols értékeket, és CSS-el width és height méreteket, akkor az utóbbit fogja alkalmazni rá, és a kód is valid marad.

Az jó! Bár akkor sem látom értelmét, hogy minek kell html-ben megadni, hogyha egyszer formázásra ott a css. Az is zavar, hogy nem az xhtml-t viszik tovább, de sajnos úgy írjuk a kódjainkat, ahogy ők fejlesztik.

[ThompsoN]

Amúgy attól, hogy megadod ilyen módon a méretér, tudod állítani CSS-el is.. És szerintem a CSS-t veszi figyelembe.

Szerk.: kipróbáltam w3c try it yourself editorával, és ha megadod a rows és cols értékeket, és CSS-el width és height méreteket, akkor az utóbbit fogja alkalmazni rá, és a kód is valid marad.

[M. Tamás]

Inkább hagyom azt a két hibát és css-sel állítom a méretét.

[ThompsoN]

Persze, egyszerűbb, meg talán szebb is, de hát meg kell adni, hogy valid legyen.
Mondjuk én textarea-nak csak a kinézetét állítom CSS-el.

[M. Tamás]

Miért kell a <textarea> elemnek megadni a cols és rows jellemzőket? CSS-ben egyszerűbb beállítani a méreteit szerintem.

[tomi6230i]

Ez arról szól, hogy vannak blokk szintű elemek és sorszintű vagy sorközi elemek (block - inline). És a blokkszintűek között van amelyiknek lehet sorszintű a gyereke, és van, amelyiknek nem. Egyébként ha kompatiblitási módban írod a weboldalt, akkor a validátor nem fog jelezni.

http://www.standardsmode.hu/html-css/formok/

Mivel Strict dokumentumtípusban írjuk művünket, ezért a <form>...</form> címkék közé nem szabad azonnal a label és az input elemeket írni! A form tartalmát a <div>...</div> vagy <p>...</p> címkék közé írjuk, és így a W3C validátora el fogja fogadni az oldalunkat!

http://webakademia.hu/2007/10/a-block-es-inline-elemekrol/

[M. Tamás]

De hát valamivel kell szivatni a népet..

Nem elég, h ők szívnak :busted:, még minket is rá akarnak szoktatni? xD

[ThompsoN]

Ennek így semmi értelmét nem látom, a fejlesztők nagyon be lehetnek lőve, amikor az ilyeneket kitalálják (meg a print és az echo php-ban). xD

De hát valamivel kell szivatni a népet..

[M. Tamás]

Lehet, de az nem lesz valid.
Akkor lesz jó, ha úgy van megcsinálva, ahogy Tomi mondja.

Ennek így semmi értelmét nem látom, a fejlesztők nagyon be lehetnek lőve, amikor az ilyeneket kitalálják (meg a print és az echo php-ban). xD

[ThompsoN]

Miért ne lehetne?

Kód: HTML

1. <form>
2.   <label for="male">Male</label>
3.   <input type="radio" name="sex" id="male" />
4.   <br />
5.   <label for="female">Female</label>
6.   <input type="radio" name="sex" id="female" />
7. </form>
8.  

Lehet, de az nem lesz valid.
Akkor lesz jó, ha úgy van megcsinálva, ahogy Tomi mondja.

Az a baja neki, hogy a <form>-ban közvetlenül nem lehet <label> vagy <input>, valamilyen blokkszintű elembe kell zárni őket (<p>,<div>).

[M. Tamás]

Miért ne lehetne?

Kód: HTML

1. <form>
2.   <label for="male">Male</label>
3.   <input type="radio" name="sex" id="male" />
4.   <br />
5.   <label for="female">Female</label>
6.   <input type="radio" name="sex" id="female" />
7. </form>
8.  

És pont így van:

Kód: HTML

1. <form action='http://realgameguides.com/?view=contact&#38;#38;lang=hu' method='post'>
2. <label for='name'>
3. <abbr title='Legfeljebb h&#38;#250;sz &#38;#237;r&#38;#225;sjel'>Neved</abbr>:</label>
4. <input id='name' type='text' name='nev' value='' maxlength='20'/>
5. <br />
6. <label for='email'>
7. <abbr title='Legfeljebb negyven &#38;#237;r&#38;#225;sjel'>Vill&#38;#225;mposta c&#38;#237;med</abbr>:</label>
8. <input id='email' type='text' name='email' value='' maxlength='40'/>
9. <br />
10. <abbr title='Legfeljebb ezer &#38;#237;r&#38;#225;sjel'>&#38;#220;zeneted</abbr>:
11. <textarea name='uzenet'></textarea>
12. <br />
13. <input class='button' type='submit'/>
14. <input class='button' type='hidden' name='elkuld' value='true'/>
15. </form>

[Keveqiah]

Miért ne lehetne?

Kód: HTML

1. <form>
2.   <label for="male">Male</label>
3.   <input type="radio" name="sex" id="male" />
4.   <br />
5.   <label for="female">Female</label>
6.   <input type="radio" name="sex" id="female" />
7. </form>
8.  

[M. Tamás]

Az a baja neki, hogy a <form>-ban közvetlenül nem lehet <label> vagy <input>, valamilyen blokkszintű elembe kell zárni őket (<p>,<div>).

De ennek mi értelme? Sztem semmi.

[tomi6230i]

Az a baja neki, hogy a <form>-ban közvetlenül nem lehet <label> vagy <input>, valamilyen blokkszintű elembe kell zárni őket (<p>,<div>).

[M. Tamás]

Nekem nem jelez hibát.

Rosszat küldtem, erre gondoltam.

[tomi6230i]

Nekem nem jelez hibát.

[M. Tamás]

Már label-t is raktam bele, de így is beleköt: http://realgameguides.com/?view=copyrights&lang=hu. Mi a gond eredője?

[<madbence />]

És minek kell a "xml:lang='hu'" is, miért nem elég csak a "lang='hu'"?

az a lang attribútum az xml névtérben van, nem ugyanarra való, mint a sima lang (bár ugye tök fölösleges, senki nem nézi, csak a validátor, akkor meg mindegy)

[M. Tamás]

Már hogy határozta volna meg? Akkor nem kéne />, se > a HTML-ben..

A jellemzőnek a végét határozza meg nem az elemnek.

[ThompsoN]

De ennek semmi értelme. Az idézőjel már önmagában meghatározza, hogy hol a vége.

Már hogy határozta volna meg? Akkor nem kéne />, se > a HTML-ben..

[M. Tamás]

Vagy nem.

Tudtam én.

A w3c shools is a szintaxban ezt a formát ajánlja: <br /> nem pedig ezt: <br/>.
Az Attribute Minimization Is Forbidden címszónál megtalálod.

De ennek semmi értelme. Az idézőjel már önmagában meghatározza, hogy hol a vége.

És minek kell a "xml:lang='hu'" is, miért nem elég csak a "lang='hu'"?

[ThompsoN]

Vagy nem. A w3c shools is a szintaxban ezt a formát ajánlja: <br /> nem pedig ezt: <br/>.
Az Attribute Minimization Is Forbidden címszónál megtalálod.

[M. Tamás]

Nem. XHTML-ben volt.

Ez már tényleg furcsa. :rotfl: Hibás volt az érvényesítő. xD

[ThompsoN]

Nem. XHTML-ben volt.

[M. Tamás]

Ez érdekes.. Nekem valamikor hibát dobott rá..

Véletlenül nem HTML-ben volt írva XHTML helyett?

[ThompsoN]

Ez érdekes.. Nekem valamikor hibát dobott rá..

[M. Tamás]

A másik (azért biztos nem tilt le, csak mint észrevétel) a /> elé kéne egy szóköz, különben a validitásban hiba lesz.

Nem! És ha már itt tartunk, akkor így is kinézhet egy forrás:

Kód: HTML

1. <img src='vmi.png'alt='vmi'title='vmi'name='vmi'id='vmi'class='vmi'style='margin:10px;'width='10'height='5'border='1'/>

És ez érvényes!

[M. Tamás]

Kösz megnézem majd, csak nekem pont az ETargetes videó lejátszóra lenne szükségem és hivatalosan nem nyúlhatok bele a forráskódba (csak méret és elérési útvonal állítás).

Na már JS van a lejátszó helyett, úgyhogy semmi gond. :mml:

[M. Tamás]

Kösz megnézem majd, csak nekem pont az ETargetes videó lejátszóra lenne szükségem és hivatalosan nem nyúlhatok bele a forráskódba (csak méret és elérési útvonal állítás).

[ThompsoN]

Ja igen, tényleg.. Azt nem vettem észre, csak az <embed>-et.

[tomi6230i]

gróf M Tamás is object-el illesztette be.

[ThompsoN]

Vagy object-el kéne beilleszteni.

[tomi6230i]

Kösz! Így már más. Már az összes lapom érvényes XHTML! (Bár a http://armyoftwo.realgameguides.com/ oldalamon a videóba beleköt.)

Én Flash-t JavaScript-tel szoktam beszúrni. Nem a validálás miatt, hanem nekem úgy sokkal jobban tetszik, HTML kód tiszta marad, és csak plussz 1 JS sor kell, amivel elég könnyű beállítgatni.
SWFobject2-t használom

[ThompsoN]

Az előttem szólók már leírták. Annyit tennék még hozzá, hogy egy valid kód sokkal szebb, mint egy nem valid. Sajnos elég sok weblapkészítő nem veszi figyelembe a szabályokat. Nagyon sok oldalban van hiba. Ez lehet egy-két figyelmeztetés, de láttam olyat is, hogy több ezer hiba volt a kódban. Sokkal könnyebb minden böngészőre optimalizálni, ha a kód valid.

[Warner]

A legtöbb programozási nyelvben t.zoli a nem szabványos kódok nem működnek, hiszen ott ez szintaktikai hibát jelent. Annak történetei okai vannak, hogy a webes leíró nyelvek ennyire hibatűrőre sikeredtek, mert nem volt egységes, közös szabvány. Szerencsére rájött mindenki, hogy ez mennyire rossz és ezért ma már az ellenkező irányba hat a trend.

[tomi6230i]

valid = szabványos; nem valid = nem szabványos, ennyi a különbség
Naggyából ugyanannyira fontos a helyes kód írása, minthogy a böngészők helyesen értelmezzék a kódunkat. A fórumon biztos sokszor láttad, hogy szidják az InternetExplerert, na hát pont ezért, ugyanis hiába írsz helyes kódot, ha az azt megjelenítő eszköz nem helyesen értelmezi azt.
A W3C (World Wide Web Consortium) évről évre kidolgozza az egyes szabványokat, illetve módosítja, tökéletesíti azokat.

http://www.standardsmode.hu/html-css/bevezetes/  Az Internet Explorer és a szabványok részt olvasd (görgess picit lejjebb)


Ja és ha nem írsz helyes kódot, akkor ne várd el a böngészőktől, hogy helyesen értelmezzék azt.


UPDATE: A betöltés is tovább tarthat a hibás kóddal rendelkező weboldalaknál, hisz a böngészőnek azt értelmeznie is kell.

[t.zoli]

Remélem jó helyre teszem a kérdésemiet...
Miért fontos az hogy valid legyen egy HTML vagy CSS kód?
Mi a különbség a valid  nem valid kód között?

[Rimelek]

Na igen. És tartalmazza is.

[rajmund]

Nincs. Az ISO-8859-2 csak a közép európai nyelvek karaktereit tartalmazza.

Hát akkor kéne tartalmaznia.

_{Show Spoiler: Spanyolok ellen kikaptak, és nem füveznek.}

[Suttogó]

Nincs. Az ISO-8859-2 csak a közép európai nyelvek karaktereit tartalmazza.

[Semmu]

és abban nincs umlaut-os a?

[Suttogó]

Hát a stúdió még régi vágású. mert ISO-8859-2 vel tölt be. Majd a Codenettel (ha egyszer az életben elkészül) ráveszem Warnert hogy konvertáljuk utf8-ba a fórumot.

[Semmu]

mondom h á... http://code.google.com/p/doctype/wiki/AumlCharacterEntity

nemtom h került á az előző hozzászólásomba.
Elküldve:: 2010. Július 07.  22:39:59wtf! nem lehet umlaut-os a-t írni, átalakítja á-vá. szóval ezért lett á az umlaut-os a helyett.

teszt: á (amúgy altgr+a)

[<madbence />]

á inkább
jé elveszik az umlaut...

[Semmu]

ó = &uacute;

az &oacute; mert ugye egy o, amin van vessző. a kettőspont pedig az uml asszem, pl &auml; = á

[Rimelek]

Ezzel mit kezdjek?

Azt mondja, hogy ő pontosvesszőt szeretne látni az á helyett. Így én se mondanám meg miért, mert előtte nem látok &akármi entiti kódot. Ami ne volna lezárva pontosvesszővel.

[pixi]

amelynek általunk készített színvonalas műsorát e…

Nem tudom, hogy a szöveg honnan kerül kiíratásra, mindenesetre töröld az "á" betűt, írd be újra és ments.
Ha ez nem segít, akkor nem marad más, mint hogy átfogalmazod:

"amelynek színvonalas műsorát mi készítettük, e..." 

Az ilyen és ehhez hasonló, megmagyarázhatatlan hibák szoktattak rá a káromkodásra.

[klank]

És arra mit tudsz mondani, hogy az egész honlapon csak ezt az egy nyamvadt á betűt nem szereti? Ott van kb. 15 karakterrel előtte egy á betű, s arra nem ír semmi... rejtély  :wacko:

[DéDé]

Ezzel mit kezdjek?

á = &aacute;
ű = &#369;
ó = &uacute;

[klank]

#  Line 117, column 80: EntityRef: expecting ';'
…is! Ma megtörtént az évzáró, amelynek általunk készített színvonalas műsorát e…

Ezzel mit kezdjek?

[ThompsoN]

fromCharCode a megoldás. Köszönöm a válaszokat. Nem akarom külső js fájlba tenni, mert nem éri meg. Mindössze csak 100-150 bájtnyi a js.

[Rimelek]

Ezzel lehet valamit kezdeni?

Külső javascript fájlba teszed a javascripteket, és csak hivatkozol rájuk.
Vagy trükközhetsz fromCharCode -al is

Kód: Javascript

1. window.location.href = "?valami=valami"+String.fromCharCode(38)+"param=param";

[ThompsoN]

Sajnos nem jó. Először próbáltam &amp; -al, de mind a kettővel ugyan az a baj: az url-be nem &-ként, hanem &amp; és &#38; ként kerül bele.
Végül arra jutottam, hogy egy meta tagot nyitok a head részben a javascripttel.

[Keveqiah]

ASCII
& => &#38;

esetleg.

[ThompsoN]

Van egy validsági problémám. Az FF HTML validatora hibának jelzi azt xhtml esetén, ha a javascriptbe & jel kerül.
Valami ilyesmi a kód, amire nyavalyog:

Kód: Javascript

1. window.location.href = "?valami=valami&param=param
2.  

Ezzel lehet valamit kezdeni?

[Keveqiah]

Thx. Nem szoktam túl sűrűn validálni, csak az FF hibakonzolt nézegetem általában.
És az ul tagot tényleg nem szereti a <p> között. kivettem és máris Zöld utat engedett. :/

[Rimelek]

Első hiba:

Kód: HTML

1. </head>
2. <link rel="stylesheet" type="text/css" href="style.css" />
3. <body>

És erre nagyon helyesen mondja azt a validator, hogy:

document type does not allow element "link" here

Elküldve:: 2010. Február 01.  15:36:21Ami pedig az ul-t illeti, úgy nézem a p tag-ben nem szereti a listát.

[Keveqiah]

Nem találtam ilyen jellegű témát és a kereső is csak 3 találatot idézett be a "validálás" szóra.
Nemtudom ki mennyire szokta validálni az oldalá, de én most két érdekességbe is beleszaladtam. (HTML)
Az egyik,

<link rel="stylesheet" type="text/css" href="style.css" />

és a

<ul>

Ezeket XHTML 1.0 Transitional Doctype-ra adja. És a poén, hogy a W3Scool szerint ebben a doctype-ban engedélyezve van az ul.
http://www.w3schools.com/tags/ref_html_dtd.asp

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fkeveqiah.info%2Fprojects%2Fkennel%2F

Nem sok hiba, bár eme egy szem lapban nem is kéne többnek lennie, de most szeretném ezt a kettőt is eltüntetni. Van ötletetek arra, hogyan lehetne kijátszani?