HTML kérdésem van

[Garono]

Még emészerintem!

 

Gotta love auto-correct.

[payskin]

Ezen röhögök 2 perce. Mindjárt kikapcsolom.

---

Emésztem.

---

Eremit:

• Vedd ki a SYSTEM-et a DOCTYPE-ból. Valamiért nem látja a DOCTYPE-ot a validator, és még mindig HTML 4.01-hez akarja hasonlítani. Fura.
  
• A lang="hu"-t tedd át a -ből a -be (bocs, én hibám).
  
• A legyen egy sorban a
• Az egész -et rendezd át úgy, hogy ne legyenek benne üres sorok, viszont minden, ami a -en belül van, kezdődjön beljebb 4 szóközzel
  

 

Aztán nézzük meg, mit dob erre a validator.

[eremit]

<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="windows-1250" />
<title>eremit weboldala - mat-fiz-kém</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="nevnap.js"></script>
</head>

 

Erre nem ír hibát a fejlécben, de a karakterkód nem tetszik neki.

http://postimg.org/image/a8n0pcmct/

[payskin]

Jó, csak majd frissítsd az oldalt, mert én még a régit látom.

 

A kép alapján már HTML5-höz hasonlítja, ez jó. A Windows-1250-en meg gondolkodj el, hogy kell-e, miért kell stb. Ahogy írja, az UTF-8 volna a legjobb, de persze ehhez az is kell, hogy a program, amiben csinálod az oldalt, az támogassa a karakterkódolást, és át lehessen állítani UTF-8-ra.

 

Szorgos népünk győzni fog!

 

 

 

[eremit]

Alakítottam rajta, pontosabban szinte tabula rasa újrakezdtem.

 

A Windows-1250 azért kell, mert acronymeket használok, amelyek UTF-8-cal hibásan jelennek meg.

 

Például:

<abbr title="Elektrosztatikai feladat">
<img src="images/f041s.png">
</abbr>

 

Most viszont a Validator elakad az első hibánál.

 

Ezekkel készítem: Notepad, illetve Notepad++

[[OP]Destroy-man]

Jónak kell lennie annak UTF-8ban is.

Notepad++-al két kattintással lehet konvertálni, tehát az nem okozhat gondot.

[eremit]

Átkonvertáltam UTF-8-ba és tényleg jók lettek az acronymek. Ismertem ezt a funkciót a Notepad++-ban, de nem gondoltam, hogy így kell.

[payskin]

Na, remekül alakul. Most épp itt hal meg:

 

        <tr>
           <img src="images/logo.png" alt=""/>
       </tr><br><br>

 

Az alapvető probléma, hogy az egész oldalt táblában próbálod összerakni. De miért? (Költői kérdés, nyilván azért, mert más módszert jelenleg nem ismersz arra, hogy egymás mellé tegyél tartalmat.) De nem csinálunk ilyet. A

, ,

dolgokat arra használjuk, amire való: valódi táblázatok megjelenítésére.   A te oldalad végtelenül egyszerű alapszerkezetű: van benne egy fejléc ( ... ) és van benne 4 fő struktúraelem, ami 4db.   Igen, ha ezt így megváltoztatod, a -ek egymás alá fognak kerülni, de ez minket teljesen nem érdekel, mert a HTML nem arról szól, hogy hogy néz ki az oldal, hanem hogy minél pontosabban leírjuk a weboldalt, mint dokumentumot és annak szerkezetét. Arról, hogy hogy néz ki az oldal, majd a CSS fog szólni.   Az abbr-t sem teljesen értem, azt miért használod?

[eremit]

Olvastam valahol, hogy a táblázatos megjelenítést hanyagoljuk, hacsak nem tényleg eine Tabelle kell.

Ezeket azonban még meg kell értenem. Tanulom a <div>-eket!

[eremit]

Azt hiszem, sikerül validdá tenni. http://www.eremit.atw.hu/

 

Még egy kis dizájn kell.

[kléni]

az abbr tagoknak adj még egy border: none formázást, nálam most megjelennek a kék csíkok. (Egyáltalán mire kellenek az abbr elemek? title mehet az <a> vagy <img>-re is.)

[payskin]

Eremit, megnéztem, és le a kalappal. Kicsit még tologatni kéne az összetartozó nyitó-záró tageket, hogy ne össze-vissza álljanak, meg az -t kérdést kellene tisztázni, és teljes leborulás.

[eremit]

Köszönöm, Tietek az érdem! Nem gondoltam, hogy <div>ekkel mennyire egyszerűbb, mint táblázattal.

 

Összetologatom én a tageket, csak több, mint 100-nál nem megy gyorsan.

 

Az <abbr>-ral mi a gond? Információ a feladatról. Majd átírom img title-re mind a100-at? Lehet.

[eremit]

@kléni

 

Először is köszi a tippet, a PC World Websuli jó! Balázs élvezetes stílusban ír.

A border:none nem segít a Ff bajon. Chrome és IE alatt nincsenek kék csíkok, csak Ff alatt.

[payskin]

Az a baj az -ral, hogy nem erre való, hanem arra, hogy folyószövegben a rövidítéseket megjelöljük, és a title attribútumba beírjuk azok kifejtett, teljes alakját, például:

 

<p>Bla fkdjefk dfkdfj kfjd bla-bla <abbr title="HyperText Markup Language">HTML</abbr> rulez.</p>

[eremit]

Kivettem az <abbr>-okat, áttettem title-re.

[Dani991]

Nekem is lenne egy kérdésem az <article> taggel kapcsolatban. Ezt csak arra lehet használni, hogy egy teljes cikket tegyek bele, mint pl. ez, vagy bele lehet tenni egyenként az ilyen kategória szerinti felsorolás elemeit is?

[payskin]

Eremit: Szép munka.

 

Dani: a doktor szerint bele.

[eremit]

Köszi, Balázs és köszönöm a segítséget!

[eremit]

Sziasztok!

 

Feltettem ugyanazt a tartalmat az ininetre: http://www.eremit.ininet.hu/

 

Kíváncsi lennék, hogy Firefox alatt még mindig megjelennek-e kék csíkok a bélyegképek alatt. Ha valakinek telepítve van a Firefox, megnézné? Köszi!

[Godzillamessage]

Én ezt látom:

 

Jó így?

[eremit]

Igen. Működik.

[payskin]

Hoppácska, erről lemaradtam, hogy Remy Sharp, aki az egyik nemzetközi szaktekintély HTML5 témakörben, 3 hónapja megbolondult, szegény.

 

Sem másképp magyarázni, sem komolyan venni nem tudom. Nyilván flamebait ráadásul, úgyhogy szerte a világban máris egymásnak estek az emberek pró és kontra. Így jutott el hozzám is...

[Pjotr]

Hát ez hülye. :|