12. A leggyakoribb hibák a html kódolás oldalak - Jurij Klyuchevskii

12. A leggyakoribb hibák a html kódolás oldalak - Jurij Klyuchevskii

Az alábbi lista összeállítása a leggyakoribb hibák a HTML-jelölést, amelyek a frontend fejlesztők. Ha új vagy a web design, vagy a programozó, aki azt akarja, hogy megpróbálja a kezét a front-end design, próbálja meg elkerülni ezeket a hibákat.

1. typeset a site szerkezete blokkok helyett táblázatok

2. Ne tegye blokk elemek belsejében belső elemek

Az alapértelmezett HTML elemek jelennek meg, mint blokk display: block; vagy például a kijelző sor: inline;. Blokk elemek, mint például

és

. meghatározza a dokumentum szerkezetét. Karakterlánc elemek, mint például vagy . Ezek a blokkon belül. Tehát ne tegye blokk elemek belsejében kisbetűs.

3. Mindig a alt attribútumot képek

ALT tulajdonságok szükségesek kép IMG tag, azt írják összefüggésben. Ezek segítségével a keresőmotorok jobban index a webhely tartalmáról. Ha a kép nem jelentőségteljes szerepet, és csak a tervezés, használjunk egy üres tag alt = „”

4. Ne használjon sortöréseket listájának megjelenítéséhez

Ha azt szeretnénk, hogy megjelenjen a listában - számozott vagy számozatlan, soha nem használja a sortöréseket
. Ezekre a célokra használja címkék

    vagy
      .

      5. Ne használja az elemeket és a szöveg kiemeléséhez

      címkék és Gyakran használják a szöveg kiemeléséhez félkövér betűstílus vagy dőlt. Azonban szemantikailag ezek vannak besorolva, prezentációs tag. És formázáshoz szöveg jobb, hogy egy CSS tulajdonság font-weight és font-style. Ha gyakorlati okokból meg kell használni ezeket a címkéket, használja a címkéket és . Adnak ugyanazt a hatást, de szemantikailag helyes.

      6. Ne használjon több sortöréseket

      A tag a soremelés
      hogy kizárólag egyetlen átviteli vonalon belül bekezdés szöveggel. Nem szabad használni, hogy a rések között az elemek, blokkok, sorok, szavak vagy bekezdések. Függőleges szétválasztása elemeket kell használni a CSS stílusokat.

      7. Ne inline CSS stílusokat HTML kódot

      Valószínűleg hallotta előtt többször. Az alapötlet a szemantika HTML és CSS osztani a lapot a dokumentum szerkezetét és stílusát. Így nincs értelme, hogy írjon CSS stílusokat HTML.

      8. Ne add (és ne állítsa vissza) border attribútum a HTML címkék

      Képesség határ, amely felelős a keret körül az elemek, mint a bemutató, és meg kell határozni a CSS stílusokat, nem pedig HTML attribútumokat.

      9. Soha ne használja címkék vagy

      Ezek a címkék még soha nem volt a hivatalos HTML dokumentációs előírásoknak W3C konzorcium. Másrészt, azok használatát úgy néz ki, szörnyű, és nem meggyőző. Ha meg kell hívni a figyelmet, hogy egy bizonyos része az oldal, az alternatív módszerek használatára, kevésbé agresszív módon.

      10. Kerülje a megszüntetett elemek

      Van elavult a HTML címkék és attribútumok meghatározása elavult konzorcium W3C. Míg a modern böngészők is támogatják őket, a támogatás megszűnik a jövőben. Itt van egy lista a lejárt elemek.

      Sorolja elavult HTML:

      11. Ne felejtsd el, hogy adja meg a DOCTYPE

      DOCTYPE HTML jelölőnyelv leírja, hogy milyen verziót használ a dokumentumban. Ha nem szerepel, akkor nem tudja ellenőrizni az érvényességét a kódot. Továbbá, böngésző fogja tenni a feltételezések változata HTML-kódot, és ennek eredményeként az oldalon nem jelenik meg, ahogy arra kellett lennie. Ahhoz, hogy mindig adja meg a DOCTYPE, akkor létrehozhat egy sablont az elrendezés, amelyek meghatározzák előre a szükséges címkéket, így nem kell írni minden alkalommal újra.

      12. Ellenőrizze az érvényességét az oldalak lefektetett

      A végén mindig az online HTML / CSS kiértékelő azonosítani hibákat a jelölést. Itt vannak linkek érvényesítése szolgáltatás:

      Szeretnéd megtanulni, hogyan kell létrehozni weboldalak és weboldalakat?

      Ezen a nyáron töltök természetesen elrendezés HTML5 CSS3 weboldalak. A tanfolyam tartalmazza az alapokat és a fejlett technika írásához HTML jelölés telek. Akkor gyere, ha teljesen új, és szeretné megtanulni ezeket a készségeket, vagy ha már ismerik az alapokat, de azt szeretnénk, hogy elő jobban, gyorsabban és hatékonyabban. Ha meg szeretné tudni, és megtanulják, hogyan kell használni az új funkciók HTML5 CSS3 - is jönnek, minden, amit tanítani.

      Mint a bejegyzést? Oszd meg barátaiddal, értékelni fogják:

      Share on Facebook