Rregullat për ndërtimin e dokumenteve HTML. Rregulla të mbivendosura

29.05.2019 Vlerësime

Për momentin, shumica e shfletuesve shfaqin sajte, duke deshifruar dhe korrigjuar në mënyrë të pavarur gabimet e webmasterëve. Sidoqoftë, duhet të keni kujdes kur shkruani HTML - duhet të ndiqni rregullat e vlefshmërisë, sepse Paraqitja e saktë është e rëndësishme për optimizimin e faqes dhe gjithashtu do të ndihmojë që përdoruesit të mos çmenden kur hapin faqen tuaj në shfletues të mëparshëm.

Përdorni

Elementipozicionuar në rreshtin e parë të çdo faqeje HTML. Ai përcakton versionin e gjuhës së shënjimit që përdoret në faqe. Për momentin rekomandohet përdorimi i doktipit të formularit- është universale për çdo version të gjuhës.

Përdorni strukturën e duhur të dokumentit

Etiketat , , duhet të jetë gjithmonë i pranishëm në kod, kjo e bën faqen në përputhje me standardet dhe siguron që ajo të shfaqet saktë.

Jo siç duhet

Përshendetje Botë!

E drejta

Përshendetje Botë!

Përcaktoni saktë informacionin teknik të faqes

Meta etiketat dhe stilet duhet të specifikohen në e jo diku në trupin e faqes. Është e preferueshme që të përfshihen skriptet në fund të faqes përpara etiketës mbyllëse... Avantazhi i kësaj qasjeje është se derisa të shfaqet përmbajtja e faqes, shfletuesi ngarkon vetëm stilet, dhe i ngarkon skriptet të fundit, gjë që i lejon përdoruesit të shohë përmbajtjen e faqes më shpejt.

Jo siç duhet

Përshendetje Botë!

E drejta

Përshendetje Botë!

Ndiqni standardet e shënjimit

Përdorni elementet sipas semantikës së tyre

Kontrolloni kodin html për vlefshmëri

Përdorni tekst alternativ për imazhet

Imazhet duhet të përfshijnë gjithmonë atributin alt. Shfletuesi mbështetet në këtë atribut për të ofruar kontekst për imazhin. Atributi alt duhet të përmbajë tekstin që do të shfaqet nëse imazhi nuk është ngarkuar.

Jo siç duhet

E drejta

Mos përdorni stile në shënimin HTML

Kjo krijon faqe që kërkojnë shumë kohë për t'u ngarkuar dhe janë të vështira për t'u mirëmbajtur. Shkruani të gjitha stilet në një dokument të veçantë CSS. Mundohuni të mbani në minimum etiketën dhe atributin e stilit.

Shkruani komente

Komentoni kodin, por mos e teproni. Komentet që janë koncize dhe të kuptueshme mund të shërbejnë si ndihmë e madhe për zhvilluesit e tjerë dhe gjithashtu si një kujtesë e rëndësishme për ju pasi të ketë kaluar një kohë.

Shembull:

Faqe

Përdorni emrat e duhur të klasave

Emërtoni klasat css sipas përmbajtjes së bllokut, për shembull: header - header, footer - footer, menu - menu, content - content. Kjo do ta bëjë kodin shumë më të qartë dhe më të lehtë për t'u ruajtur.

Kodi i keq

Artikulli 1 i menysë

Artikulli 2 i menysë

Artikulli 3 i menysë

Kodi i mirë

Rregullat e shkrimit të CSS

CSS gjithashtu ka rregulla që ju ndiqni për ta mbajtur kodin tuaj të thjeshtë, të lehtë për t'u lexuar dhe të organizuar mirë.

Rivendosni stilet e shfletuesit në parazgjedhje

Ato mund të pengojnë stilet që ne në të vërtetë duam të aplikojmë. Mund ta shkarkoni skedarin për rivendosjen e stileve të paracaktuar të shfletuesit këtu - reset.css.

Përdorni vetitë dhe vlerat e stenografisë

Kodi i keq

padding-top: 5px;
mbushje-djathtas: 10px;
mbushje-fund: 15px;
mbushje-majtas: 20px;

Kodi i mirë

mbushje: 5px 10px 15px 20px;

Specifikoni përzgjedhësit dhe rregullat në një linjë të re

Kodi i keq

Elementi (ekrani: bllok; pozicioni: relative; mbushja: 5px 10px 15px 20px;)

Kodi i mirë

Elementi (
shfaqja: bllok;
pozicioni: i afërm;
mbushje: 5px 10px 15px 20px;
}

Specifikoni vlerat zero pa njësi

Kodi i keq

mbushje: 10px 0px;
diferencë-majtas: 0%;

Kodi i mirë

mbushje: 10px 0;
margjina-majtas: 0;

Shkruani komente

Ndani blloqet kryesore me komente, kjo do të përmirësojë lexueshmërinë e kodit.

Shembull:

/ * HEADER * /
kokë (
}
/ * HEADER FUND * /

/ * KRYESORE * /
kryesore (
}
/ * FUNDI KRYESOR * /

/ * FOTER * /
fundi i faqes (
}
/ * FUNDI I FOOTERIT * /

Kontrolloni kodin css për vlefshmëri

konkluzioni

Këto udhëzime dhe udhëzime janë vetëm bazat, pasi HTML dhe CSS evoluojnë me një ritëm më të shpejtë dhe po zhvillohen metoda të reja për të shkruar kodin e saktë. Duke ndjekur udhëzimet tona, mund të siguroheni që kodi juaj të jetë i thjeshtë, i lehtë për t'u lexuar dhe i efektshëm. Dhe gjithashtu merrni +100 karma dhe falënderime nga zhvilluesit që do të punojnë në sit pas jush.

Çfarë është HTML

World Wide Web (WWW) përbëhet nga faqe në internet që krijohen duke përdorur të ashtuquajturën Gjuha e Markupimit të HyperText (HTML). Edhe pse shumë njerëz flasin për programim në këtë gjuhë, HTML nuk është aspak një gjuhë programimi në kuptimin tradicional. HTML është një gjuhë shënjimi për një dokument. Kur zhvilloni një dokument HTML, shënimi i një dokumenti teksti kryhet në të njëjtën mënyrë siç bën një redaktues me një laps të kuq. Këto shenja shërbejnë për të treguar formën e paraqitjes së informacionit që përmban dokumenti.

Shikuesit e veçantë të HTML, shpesh të referuar si shfletues, interpretojnë skedarë të formatuar HTML, i formatojnë ato si faqe ueb dhe shfaqin përmbajtjen e tyre në ekranin e kompjuterit të përdoruesit. Ekziston një numër i madh i programeve të shfletuesit të zhvilluara nga kompani të ndryshme, megjithatë, sot, nga e gjithë shumëllojshmëria e programeve, dallohen qartë dy programe kryesore - Netscape Communicator dhe Microsoft Internet Explorer.

Netscape Navigator është zhvilluar nga Netscape Communications Corporation. Ashtu si me shumë produkte softuerësh, ka një numër versionesh të këtij programi. Versioni i fundit i Netscape Communicator në kohën e këtij shkrimi është versioni 4.7. Internet Explorer është zhvilluar nga Microsoft. Versioni i fundit i këtij programi është 5.0.

Shfletuesit e tjerë mbeten shumë prapa në popullaritet. Disa vite më parë, shfletuesi i Netscape ishte shfletuesi kryesor, me më shumë se dy të tretat e përdoruesve të tij duke përdorur këtë shfletues të veçantë. Me lëshimin e shfletuesit të tij, Microsoft ka bërë përpjekje të mëdha për të pushtuar këtë pjesë të tregut. Mediat shpesh

ka pasur raporte për një luftë midis shfletuesve për përdoruesit. Tani këta dy shfletues janë të krahasueshëm në popullaritet. Popullariteti në rritje i shfletuesit Microsoft lehtësohet nga përfshirja e shfletuesit në sistemin operativ Windows 98, megjithatë, në fund të fundit, zgjedhja e shfletuesit mbetet tek përdoruesi.

Shfletuesit modernë janë të pasur me aftësi, por gjëja kryesore për ta është interpretimi i dokumenteve të shënuara sipas rregullave të HTML. Ky libër i kushtohet kryesisht përshkrimit të këtyre rregullave. Në pjesën e parë, ne do të trajtojmë vetëm parimet bazë të ndërtimit të dokumenteve HTML.

Për të kuptuar se çfarë është një gjuhë markup, le të kujtojmë ditët e mira të vjetra, kur shumë njerëz punonin me redaktues teksti si WordStar. Në to, për të theksuar një frazë, për shembull, me shkronja të zeza, në fillim dhe në fund u vendosën shenja të veçanta (/ B dhe / b):

/B Ky tekst do të shfaqet me shkronja të zeza / b

Kur nxirret një tekst i tillë në një pajisje printimi (ne nuk po flasim ende për ekrane, në ato kohë të largëta ato ose nuk ekzistonin fare ose kishte ekrane alfanumerike që nuk lejonin ndryshimin e shkronjave) karakteret / në u detyruan të përdornin një font të theksuar derisa do të ketë / b karaktere.

HTML funksionon në të njëjtën mënyrë. Nëse ka nevojë për të theksuar tekstin në ekran me shkronja të zeza, atëherë kjo mund të bëhet në të njëjtën mënyrë:

Ky tekst do të shfaqet me shkronja të zeza.

Simbolet përfshijnë të theksuara dhe personazhet fike. Karaktere të tilla, të cilat kontrollojnë shfaqjen e tekstit dhe në të njëjtën kohë nuk shfaqen vetë në ekran, zakonisht quhen etiketa në HTML (nga fjala angleze tag - një etiketë, një shenjë).

Të gjitha etiketat HTML janë të kufizuara me kufizues (< и >), midis të cilit është shkruar identifikuesi (emri) i etiketës (në shembullin tonë, kjo është në), dhe, ndoshta, parametrat e tij. Përjashtimi i vetëm nga ky rregull janë etiketat e komenteve me kufizues më kompleks (). Emrat e etiketave, si dhe parametrat e tyre, mund të shkruhen në çdo regjistër. Për konsistencë gjatë gjithë këtij libri, shumica e etiketave janë shkruar me shkronja të mëdha.

Shumica e etiketave HTML përdoren në çifte, domethënë, për një etiketë të caktuar, le ta quajmë atë etiketa hapëse, dokumenti ka një etiketë mbyllëse përkatëse. Sipas rregullave HTML, etiketa mbyllëse shkruhet në të njëjtën mënyrë si etiketa e hapjes, por me një karakter / (përpara) përpara emrit të etiketës. I vetmi ndryshim thelbësor midis çifteve të etiketave është se etiketat fundore nuk përdorin parametra.

Etiketat që kanë nevojë për etiketat përkatëse fundore do të quhen etiketa kontejneri. Çdo gjë që shkruhet ndërmjet etiketave përkatëse hapëse dhe mbyllëse do të quhet përmbajtja e etiketës së kontejnerit. Ndonjëherë etiketa përfundimtare mund të hiqet. Për shembull, për një etiketë që përshkruan të dhëna për një qelizë tabele , etiketa përkatëse fundore mund të hiqet gjithmonë. Fundi i të dhënave për një qelizë tabele do të njihet nga shfaqja e etiketës tjetër ose një etiketë fundore të rreshtit të tabelës.

Ka një numër etiketash për të cilat shumica e autorëve të dokumenteve nuk e kanë lënë pas dore. Një shembull do të ishte etiketa e artikullit të listës

ose etiketa e paragrafit

Shfletuesit modernë në shumë raste do t'i formatojnë dokumentet në mënyrë korrekte nëse disa nga etiketat pasuese hiqen, por kjo praktikë nuk mund të rekomandohet.

Një numër etiketash, në parim, nuk kanë nevojë për etiketa pasuese. Shembujt përfshijnë etiketën e futjes së imazhit , furnizim i detyruar i linjës
, duke specifikuar fontin bazë dhe të tjera. Shpesh nga vetë qëllimi i etiketës, mund të merrni me mend nëse ka nevojë për një pasues.

Ekzistojnë rregulla të përgjithshme për mënyrën se si shfletuesit interpretojnë etiketat. Ndryshe nga gjuhët e programimit, në të cilat deklaratat e gabuara çojnë në lëshimin e mesazheve të duhura në fazën e përpilimit të programit dhe kërkojnë redaktim, në HTML nuk është e zakonshme t'i përgjigjemi shkrimit të gabuar të etiketave. Një etiketë e shkruar gabimisht ose parametri i tij thjesht duhet të injorohet nga shfletuesi. Ky është një rregull i përgjithshëm për të gjithë shfletuesit, i cili zbatohet jo vetëm për etiketat e shkruara gabimisht, por edhe për etiketat që nuk njihen nga ky version i shfletuesit. Një shembull do të ishin etiketat e propozuara dhe të implementuara për një shfletues të caktuar dhe të panjohur për një tjetër. Për shembull, kontejneri i etiketës