Útmutató a regisztrációhoz html

a fordító


Örömmel ismerik ezeket az ajánlásokat, és most kínál a fordítást.


Ez az útmutató ismerteti, hogyan kell feldolgozni és méret HTML és CSS kódot. Az ő célja -, hogy javítsa a minőségi kódot, és megkönnyíti, hogy működjenek együtt, és támogatja az infrastruktúra.

Ez vonatkozik a működő verziót használ HTML fájlokat. CSS és GSS

Megadjuk az engedélyt használjon szerszámokat összeállításához minification vagy ködösítés kódot, feltéve, hogy az általános minősége a kód kerül mentésre.

Általános tervezési szabályok

Ne adjon meg olyan protokoll, amikor az erőforrás oldalon.

Hiánya protokoll említést tesz egy relatív, amely megakadályozza összekeverése a források a különböző protokollok és jelentősen csökkenti a fájl méretét.

Nem ajánlott:
ajánlott:
Nem ajánlott:
ajánlott:

Az általános formátum

Mindig két terek behúzni.

Ne használjon lapokat vagy keverje lapokon terek.

Mindig levelet kisbetűvel.

Minden kódot kell írni, kisbetűvel: Ez arra utal, hogy a név az elem, attribútum neveket, attribútum értékek (kivéve text / CDATA) szelektor, tulajdonságok és értékeik (kivéve a szöveget).

sorvégi szóközöket

Távolítsuk záró szóközöket.

Hátul üres helyekkel nem szükségesek, és bonyolítja a használatát diff.

Nem ajánlott:
ajánlott:

Általános szabályok meta

UTF-8 (BOM nélkül).

Adja meg a kódolás a HTML sablonok és dokumentumok segítségével . Alsó kódoló CSS ​​fájlok: az általuk meghatározott UTF-8 alapértelmezés szerint.

(Ha többet szeretne megtudni kódolásának és hogyan kell használni őket, az alábbi linket: karakterkészletek és kódolások XHTML, HTML CSS (angolul) ..)

Ha lehetséges, magyarázza meg a kódot, ahol szükség van rá.

Ünnepeld probléma a to-do lista segítségével TODO.

Ünnepeld a problémát a kulcsszó TODO. ne használja más közös formátumokat, mint @@.

Leírja a feladatot a kettőspont után, mint például: TODO: Feladat.

Szabályok írása HTML

dokumentum típusa

HTML5 (HTML szintaxis) ajánlott minden html-dokumentum: .

(Javasoljuk, hogy használjon HTML tartalom text / html. Ne használjon XHTML, mint az application / xhtml + xml (Eng.). Rosszabb, mint egy támogatott böngésző és korlátozza annak lehetőségét, optimalizálás).

HTML érvényességi

Ha lehetséges, használjon érvényes HTML.

Használjon érvényes HTML kód, kivéve, ha a használat nem éri el a fájl méretét szükséges a kívánt szintű teljesítményt.

Eszközök használatát, mint például a W3C HTML kiértékelő (Eng.) Ahhoz, hogy ellenőrizze a kód érvényességét.

Érvényességi - fontos, és ebben az esetben a mért minősége a kódot. Írásban érvényes HTML elősegíti a tanulmány a műszaki előírások és a korlátok, és biztosítja a helyes használata HTML.

Nem ajánlott:
ajánlott:

Használja HTML ahogy eredetileg tervezték.

Használja elemek (néha helytelenül nevezik „tag”) a tervezett célra: főcímeknél címoldalára, p bekezdések, a linkek, stb

Könnyebb olvasni, szerkeszteni és kód támogatást.

Nem ajánlott:
ajánlott:

multimédia alternatív

Mindig adja meg alternatív tartalmat a multimédia.

(Ha a kép alt felesleges, vagy azt csak dekorációs célokra olyan helyeken, ahol nem tudja használni CSS, használjunk egy üres alt szöveget alt = „”)

Nem ajánlott:
ajánlott:

felelősség-megosztás

Külön szerkezetét, elrendezését és viselkedését.

Tartsa szerkezet (layout), design (stílus) és viselkedés (szkriptek) külön-külön, és próbálja csökkenteni a kölcsönhatás közöttük minimális.

Győződjön meg arról, hogy a dokumentumok és sablonok csak olyan HTML, HTML, és csak arra szolgál, hogy meghatározza a dokumentum szerkezetét. Minden kód feladata a tervezés, transzfer a stílus fájl, és a kódot felelős magatartás - a szkripteket.

Próbálja meg csökkenteni a metszéspont és a minimum, beleértve a sablonokat minimális mennyiségű stílus fájlokat és szkripteket.

Szétválasztása szerkezet bemutatása és viselkedés használata segít a kód karbantartását. Változó sablonok és HTML-dokumentumok mindig több időt vesz igénybe, mint a stílus változtatása fájlokat vagy szkripteket.

Nem ajánlott:
ajánlott:

elemhivatkozások

Ne használjon olyan karaktert hivatkozást.

Az egyetlen kivétel ez alól - speciális karaktereket HTML (pl <и & ) а так же вспомогательные и “невидимые” символы (например неразрывный пробел).

Nem ajánlott:
ajánlott:

választható címkék

Ne használjon külön címkéket. (Nem kötelező)

Ahhoz, hogy csökkenti a fájl méretét és olvashatóságát kódot, akkor kihagyja a választható címkék. A HTML5 specifikáció (Eng.) Van egy lista a választható címkék.

(Ez eltarthat egy ideig, hogy ezt a módszert kezdték széles körben használják, mert nagyon különbözik attól, amit általában tanítják webes fejlesztők. A szempontból a következetesség, és az egyszerűség a kód legjobb, ha kihagyja az összes választható címkék, hanem néhány őket).

Nem ajánlott:
ajánlott:

„Típus” attribútum

Ne adja meg a type attribútum csatlakoztatásakor stílusokat és a scripteket a dokumentumban.

Nem ajánlott:
ajánlott:
Nem ajánlott:
ajánlott:

HTML formázási szabályok

formázás

Lefoglalni egy új sort minden blokkot, vagy ütemezési táblázat helye és padding elem minden gyermeknek.

Függetlenül attól, hogy a stílus kiválasztva egy elemet (CSS lehetővé teszi, hogy módosítsa a viselkedését az elem az ingatlan kijelző), elvégzi minden blokk vagy table elem új sorban.

Is tesz padding minden elem beágyazott blokk, vagy asztalra elem.

(Ha nehezen miatt szóköz közötti lista elemeinek megengedett, hogy az összes li elemek egy sorban. Lintu [segédprogrammal ellenőrizze kód minőségét kb. Trans.] Ajánlott ebben az esetben a figyelmeztetés hiba helyett.

ajánlott:
ajánlott:
ajánlott:

CSS tervezési szabályok

érvényes CSS

Ha lehetséges, használjon érvényes CSS-kódot.

Kivéve, ha szükséges, a böngésző-specifikus kódot vagy érvényesítő hibák, használja érvényes CSS kódot.

Eszközök használatát, mint például a W3C CSS érvényesítő (Eng.), Hogy teszteljék a kódot.

Érvényességi - fontos, és ebben az esetben a mért minősége a kódot. Írás érvényes CSS segít kiküszöbölni a redundancia és megfelelő felhasználásának biztosítása érdekében a stíluslapok ...

Azonosítók és az osztály nevét

Használja sablonok vagy amelynek egyfajta osztály nevek és azonosítók.

Ahelyett, hogy egy titkosítást, vagy írja le a megjelenése a tárgy, próbálja az osztály nevét vagy azonosítóját kifejezni értelmében a teremtés, vagy adjon neki egy sablon nevét ...

Azt javasolta, hogy válasszon neveket, amelyek tükrözik a lényege az osztályban, mert könnyebben érthető, és a legvalószínűbb, akkor nem kell változtatni a jövőben.

Sablon nevek - ez csak a neve egy lehetőség olyan elemeket, amelyek nem rendelkeznek a különleges célú vagy nem különböznek a testvéreiket. Általában szükség van rájuk, mint a „segítő”.

A funkció használata nevű vagy sablon csökkenti az igényt a felesleges változásokat a dokumentum vagy sablon.

Nem ajánlott:
ajánlott:

Nevek az azonosítók és osztályok

Ahhoz, hogy a azonosítók és osztályok, így a hosszú neveket, mint amennyire szükség van, de a lehető legrövidebb.

Próbáld megfogalmazni, hogy pontosan mit kell csinálni ezt az elemet, ebben az esetben nem lehet rövid lehetséges.

Az ilyen használat osztályok és azonosítók hozzájárul megértését elősegítő és növeli kód hatékonyságát.

Nem ajánlott:
ajánlott:

típusú szelektor

Kerüljük a class nevű vagy azonosítókat szelektor típusú (tag) az elem.

Kivéve, ha ez nem szükségszerűen (pl segítő osztályok), ne használja a nevét elemek osztály névvel vagy azonosítókkal.

Nem ajánlott:
ajánlott:

Csökkentett formái rögzítési tulajdonságainak

Használja gyors- ingatlanok, ahol lehetséges.

CSS számos különböző rövidítések (Eng.) A felvétel formák (pl font) használata ajánlott, ahol ez lehetséges, még ha csak az egyik megadott értékeket.

Használata gyors- tulajdonságai hasznosak a nagyobb hatékonyság és jobb megértéséhez a kódot.

Nem ajánlott:
ajánlott:

0 és egységek

Ne adjon meg egy mértékegység értéke nulla

Ne adjon meg egy mértékegység értéke nulla, ha van egy oka.

0 egész részét a frakció

Ne tegye a „0” az egész tört számok.

Ne helyezze 0 a egész részét értéke -1 és 1 közötti.

Ne használjon idézőjeleket ( ' „”) Az url Nem ().

Hex szín nevét

Egy három karakterből álló hexadecimális, ahol lehetséges.

Három karakteres hexadecimális bejegyzés színek rövidebb és kevesebb helyet foglal.

Nem ajánlott:
ajánlott:

Megelőzik szelektor egyedülálló a jelenlegi előtagokat alkalmazást. (Nem kötelező)

A nagy projektek, valamint a kódot lehet használni más projektek vagy más oldalakon előtagot (például névterek) azonosítók és az osztály nevét. Használjon rövid egyedi nevet, majd egy kötőjellel.

Névterekkel megelőzése Névütközés és megkönnyíti karbantartása a helyszínen. Például, ha a keresést és cserét.

Leválasztó osztályok és azonosítók

Külön szó azonosítók és osztályok neveit kötőjellel.

Ne használjon mást, mint egy kötőjel a kapcsolat a szavak és rövidítések szelektorokban az olvashatóság javítása érdekében, és megkönnyítik a megértést a kódot.

Nem ajánlott:
ajánlott:

Kerüljük a tájékoztatás a változata a böngésző, vagy a CSS „hack” - először próbálja más módon.

Úgy tűnik csábító foglalkozni különbségek a különböző böngészőkben a CSS-szűrők, hack vagy egyéb megoldásokat. Mindezek a megközelítések is tekinthető csak a legvégső esetben, ha azt akarjuk, hogy egy hatékony és könnyen karbantartható kód alap. Egyszerűen fogalmazva, a feltételezés, csapkod és a böngésző érzékelés fáj a projekt hosszú távon, mert ez azt jelenti, hogy a projekt követi a legkisebb ellenállás útját. Ez megkönnyíti a használatát csapkod és teszi őket, és több, amelyek eredményeként túl gyakori használata őket.

CSS formázási szabályok

Ha figyelmen kívül hagyja válogató böngésző előtagokat. Ráadásul, ha valaki használ több tulajdonság böngésző eleji, akkor is meg kell válogatni (például -moz előtt kell --webkit)

Behúzásait blokkok.

Mindig részt francia tartalom blokkok.

Nem ajánlott:
ajánlott:

Miután a tulajdonságneveket

Nem ajánlott:
ajánlott:

Nem ajánlott:
ajánlott:

hatáskörök szétválasztása

Külön szabályok sortöréseket.

Mindig a sortörések közti szabályokat.

Meta CSS-szabályok

csoportosítás szabályok

következtetés

Az az elképzelés, ez az útmutató, hogy létrehozzanak egy közös szókincs, amely lehetővé teszi a fejlesztők, hogy összpontosítson, amit akarnak kifejezni, ahelyett, hogy mennyire.

Kínálunk egy egységes tervezési szabályok lehetővé teszik, hogy írjon kódot ugyanabban a stílusban, de a stílus, hogy a kód már használatban van a projektben is fontos.

Ha a kód nagyon eltérő lesz a jelenlegi, akkor hozza le az olvasót a ritmust, és megnehezítik, hogy olvassa el. Próbálja meg elkerülni ezt.

Megjegyzés a fordító


Szeretném azt is megjegyezni, hogy a Google középpontjában elsősorban a nagy nagy terhelésű projektek esetében, ahol minden byte az út, így érdemes szem előtt tartani, hogy ha az ajánlott kezdő minden választó egy új vonal, vagy felhasználása helyett szóköz lapok, hogy elsősorban azt jelenti, hogy a kód ez szükségszerűen minifitsirovan préseljük használja az oldalon.

Köszönöm mindenkinek, aki elolvasta idáig.

Kapcsolódó cikkek