A Ebben a pillanatban A legtöbb böngésző önmagában jeleníti meg a webhelyeket, dekódolja és javítja a webmesterek hibáit. A HTML írásánál azonban óvatosnak kell lenni – be kell tartani az érvényességi szabályokat, mert. A megfelelő elrendezés fontos a webhely optimalizálásához, és segít abban is, hogy a felhasználók ne őrüljenek meg, amikor régebbi böngészőkkel nyitják meg webhelyét.

Használat

Elembármely HTML-oldal első sorában található. Meghatározza az oldalon használt jelölőnyelv verzióját. Egyelőre az űrlap doctype használata javasolt- univerzális a nyelv bármely változatához.

Használja a megfelelő dokumentumszerkezetet

címkéket , , mindig jelen kell lennie a kódban, ez teszi az oldalt a szabványoknak megfelelővé és biztosítja a helyes megjelenítést.

Nem megfelelően

Helló Világ!

Helyesen

Helló Világ!

Határozza meg helyesen az oldal műszaki adatait

Meg kell adni a metacímkéket és stílusokat , nem valahol az oldal törzsében. A szkripteket lehetőleg az oldal alján, a záró címke előtt kell feltüntetni.. Ennek a megközelítésnek az az előnye, hogy az oldaltartalom megjelenítése előtt a böngésző csak a stílusokat, a szkripteket pedig utoljára tölti be, így a felhasználó gyorsabban láthatja az oldal tartalmát.

Nem megfelelően

Helyesen

Kövesse a jelölési szabványokat

Használja az elemeket a szemantikának megfelelően

Ellenőrizze a html kód érvényességét

Használjon alternatív szöveget a képekhez

A képeknek mindig tartalmazniuk kell egy alt attribútumot. A böngésző erre az attribútumra támaszkodik, hogy kontextust biztosítson a képhez. Az alt attribútumnak tartalmaznia kell azt a szöveget, amely akkor jelenik meg, ha a kép nem töltődött be.

Nem megfelelően

Helyesen

Ne használjon stílusokat a HTML-jelölésben

Ez olyan oldalakat hoz létre, amelyek betöltése túl sokáig tart, és amelyeket nehéz karbantartani. Írjon minden stílust egy külön CSS dokumentumba. Próbálja meg használni a címkét és stílus attribútum minimum.

Írj megjegyzéseket

Írja meg kommentben a kódot, de ne vigye túlzásba. A tömör és egyértelmű megjegyzések nagy segítséget jelenthetnek más fejlesztőknek, valamint fontos emlékeztetőt jelenthetnek számodra egy idő után.

Példa:

Használjon megfelelő osztályneveket

A blokk tartalma szerint nevezzen el css osztályokat, például: fejléc - fejléc, lábléc - lábléc, menü - menü, tartalom - tartalom. Ez sokkal áttekinthetőbbé és könnyebben karbantarthatóvá teszi a kódot.

rossz kód

• 1. menüpont


• 2. menüpont


• 3. menüpont

jó kód

• 1. menüpont


• 2. menüpont


• 3. menüpont

CSS írási szabályok

A CSS-nek vannak olyan szabályai is, amelyek betartásával a kód egyszerű, könnyen olvasható és jól szervezett marad.

Állítsa vissza a böngészőstílusokat az alapértelmezettre

Beavatkozhatnak az általunk ténylegesen alkalmazni kívánt stílusokba. Az alapértelmezett böngészőstílusok visszaállításához letöltheti a fájlt innen - reset.css.

Használjon gyorsított tulajdonságokat és értékeket

rossz kód

padding-top: 5px;
padding-right: 10px;
párnázás-alsó: 15px
padding-bal: 20px

jó kód

padding: 5px 10px 15px 20px;

Adja meg a kiválasztókat és a szabályokat egy új sorban

rossz kód

Elem (megjelenítés: blokk; pozíció: relatív; kitöltés: 5px 10px 15px 20px;)

jó kód

Elem(
display:block;
pozíció: relatív;
padding: 5px 10px 15px 20px;
}

Adjon meg nulla értékeket mértékegységek nélkül

rossz kód

padding: 10px 0px;
margó-bal: 0%;

jó kód

kitöltés: 10 képpont 0
margó-bal: 0;

Írj megjegyzéseket

Válassza el a fő blokkokat megjegyzésekkel, ez javítja a kód olvashatóságát.

Példa:

/*FEJLÉC*/
fejléc(
}
/*HEADER END*/

/*FŐ*/
fő(
}
/*MAIN END*/

/*FOOTERS*/
lábléc(
}
/*Lábléc vége*/

Ellenőrizze a css kód érvényességét

Következtetés

Ezek az irányelvek és szabályok csak az alapok, mivel a HTML és a CSS nyelvek gyorsabban fejlődnek, és újabb módszereket fejlesztenek ki a helyes kód írására. Az irányelveink betartásával biztosíthatja, hogy kódja egyszerű, olvasható és optimalizált legyen. És kaphat +100-at a karmára és hálát a fejlesztőktől, akik utánad fognak dolgozni az oldalon.

Közzététel: Az Ön támogatása segít fenntartani az oldal működését! Az ezen az oldalon javasolt egyes szolgáltatásokért ajánlási díjat kapunk. tudj meg többet

A megosztás törődés!

Attribútuma annak, amit csinál csinálni? A sorok és oszlopok közötti belső határok megjelenítésének meghatározására szolgál. Ez az attribútum elavult. Ehelyett használja a CSS-t a táblázatszegélyek stílusához.

A Rules attribútum elavult Ez az attribútum elavult, ezért nem szabad használni. A böngésző támogatja ezt az attribútumot, és használata váratlan eredményeket eredményezhet. Ehelyett használja a CSS-t a táblák stílusához.

A RULES attribútum

A RULES , egy HTML 4.0 attribútum, jelzi, hogy kell-e belső szegély a táblázatban. Átnézzük a RULES minden egyes értékét, és bemutatjuk, hogyan használják őket. A RULES és a FRAME bosszantó módon módosíthatja egymás alapértelmezett beállításait. Életének leegyszerűsítésére itt van egy ökölszabály: ha a RULES-t használja, használja a FRAME és a BORDER használatát is. Könnyebb elkerülni, hogy összezavarodjon.

A NONE értéke a RULES attribútumhoz

RULES=NONE azt jelenti, hogy nincsenek belső határok. RULES=NONE az alapértelmezett, ha nem használod a BORDER-t, vagy nullára állítod, de egyébként kifejezetten meg kell adni, hogy nincsenek belső határok.

Név	étel
Csillagvirág	kevert tofu
Miko	zöldséges rizsleves
Andy	humusz
Ping	francia pirítós

A RULES attribútum ALL értéke

RULES=ALL azt jelzi, hogy az összes belső határnak láthatónak kell lennie. A RULES=ALL paramétert általában a FRAME=VOID paraméterrel együtt használják, így vannak külső szegélyek, de nincsenek belső szegélyek.

Amikor egy táblázatra alkalmazzuk, ez az érték a következő eredményt adja:

Név	étel
Csillagvirág	kevert tofu
Miko	zöldséges rizsleves
Andy	humusz
Ping	francia pirítós

A RULES attribútum COLS értéke

A COLS azt jelzi, hogy az oszlopok között határoknak kell lenniük, a sorok között nem.

Amikor egy táblázatra alkalmazzuk, ez az érték a következő eredményt adja:

Név	étel
Csillagvirág	kevert tofu
Miko	zöldséges rizsleves
Andy	humusz
Ping	francia pirítós

A ROWS értéke a RULES attribútumhoz

A RULES=ROWS azt jelzi, hogy a sorok között szegélynek kell lennie, az oszlopok között nem.

Amikor egy táblázatra alkalmazzuk, ez az érték a következő eredményt adja:

Név	étel
Csillagvirág	kevert tofu
Miko	zöldséges rizsleves
Andy	humusz
Ping	francia pirítós

A GROUPS értéke a RULES attribútumhoz

RULES=CSOPORTOK lehetővé teszi szegélyek elhelyezését a táblázatcellák csoportjai között. A cellák kétféleképpen csoportosíthatók: sor és oszlop szerint. Vegyük figyelembe, hogy a Netscape jelenleg nem ismeri fel a RULES-t.

Csoportosítás sorok szerint

A sorok szerinti csoportosításhoz használja a , , címkéket. jelzi a táblázat fejléceit, a táblázat törzsét jelöli, és az alsó sorokat jelzi. Így például ez a kód létrehoz egy táblázatot három csoporttal. A szegélyek csak a csoportok között jelennek meg:

Név	étel	ár
Csillagvirág	kevert tofu	5.95
Miko	zöldséges rizsleves	4.95
Andy	humusz	3.95
Ping	francia pirítós	5.95
Teljes		20.80

Így jelenik meg a táblázat:

Név	étel	ár
Csillagvirág	kevert tofu	5.95
Miko	zöldséges rizsleves	4.95
Andy	humusz	3.95
Ping	francia pirítós	5.95
Teljes		20.80

Csoportosítás oszlop szerint

Az oszlop szerinti csoportosításhoz használja a tag és annak SPAN attribútuma. Egy kis megszokást igényel, mert valójában nem kerüli meg a táblázat celláit, hanem a táblázat kódjának tetejére kerül, ahol szabályokat állít be a táblázat oszlopaira, beleértve azokat is, amelyek csoportosítva vannak. jelzi, hogy hány oszlop van az egyes csoportokban. Ha elhagyja a SPAN-t, akkor azt feltételezzük, hogy a csoportnak csak egy oszlopa van. Így például a következő kód azt mondja, hogy az első oszlop önmagában egy csoportban van, az azt követő három pedig együtt van egy csoportban. Vedd észre végcímkét igényel. A határok csak a csoportok között lesznek.

HTML alapok tartalmazzák a HTML nyelv alapszabályait, a HTML oldal szerkezetének leírását, a HTML dokumentum szerkezetében a HTML elemek közötti kapcsolatokat.

A HTML dokumentum normális Szöveges dokumentum, a szokásos módon létrehozható szöveg szerkesztő (Jegyzetfüzet), és egy speciálisban, kódkiemeléssel (Jegyzettömb++, vizuális Stúdió kód stb.). Egy HTML-dokumentum .html kiterjesztéssel rendelkezik.

A HTML-dokumentum HTML-elemekből és szövegből álló fából áll. A forrásdokumentumban minden elemet egy kezdő (nyitó) és egy vég (záró) címke azonosít (ritka kivételektől eltekintve).

Kezdő címke megmutatja, hol kezdődik az elem, hol végződik - hol ér véget. Záró címke perjel / / a címke neve elé történő hozzáadásával jön létre:<имя тега> … . A kezdő és záró címke között található a címke tartalma - tartalom.

Az egyes címkék nem tárolhatnak közvetlenül tartalmat, az attribútumértékként, például címkeként van írva szöveges gombot hoz létre Gomb belül.

A címkék egymásba ágyazhatók, pl.

Szöveg

. Befektetéskor be kell tartania a zárás sorrendjét (a "matryoshka" elve) például a következő bejegyzés helytelen lenne:

Szöveg

.

A HTML elemeknek lehetnek attribútumai (globális, minden HTML elemre alkalmazható és saját). Az attribútumok egy elem nyitó címkéjébe íródnak, és a name="value" attribútumban megadott nevet és értéket tartalmazzák. Az attribútumok lehetővé teszik annak az elemnek a tulajdonságainak és viselkedésének megváltoztatását, amelyhez be vannak állítva.

Minden elemnek több osztályértéke és csak egy azonosítóértéke lehet. Több osztályértéket szóközzel írunk,