Specifikacije za html5 v ruščini. Standardi kodiranja HTML5. Prazne vrstice in vdolbine

Želite hitro najti opis elementa ali atributa HTML5, uporabljenega na spletni strani ali spletni aplikaciji? Tukaj je klasična referenčna knjiga, ki jo spletni oblikovalci in spletni razvijalci poskušajo imeti pri roki že več kot 15 let.
Peta izdaja knjige vključuje popoln opis elementov in atributov HTML5 v skladu s standardi HTML5 Candidate Recommendation, HTML5.1 Working Draft in WHATWG. Lastnosti imenika:
– abecedno urejen seznam elementov in atributov iz HTML5, HTML5.1 in standarda WHATWG;
– primeri oznak, kategorij vsebine, modelov vsebine in zahtev za začetno/končno oznako za vsak element;
– opis razlik med specifikacijama HTML5 in HTML4.01;
– tabele posebnih znakov;
– pregled API knjižnic, ki se uporabljajo v HTML5.

Ne glede na to, ali ste izkušen razvijalec spletnih mest ali želite hitro zgraditi spletno mesto po najnovejših standardih, se vam bo ta koristna knjiga zdela nepogrešljiva.

Vam je bil članek ali knjiga všeč? Delite s prijatelji:

Vse knjige, predstavljene na spletnem mestu, so zgolj informativne narave. Vsakršna njihova uporaba je dovoljena le v informativne namene. Če jih nameravate uporabljati v prihodnosti, jih morate kupiti od imetnikov avtorskih pravic. Uprava spletnega mesta ni odgovorna za vašo uporabo.

Ko ste prebrali naslov publikacije: "goljufanje HTML5 v ruščini" - so vsi že uganili o govoru, a najprej nekaj odstavkov o HTML5 na splošno.

Delo na ustvarjanju HTML5 se je začelo leta 2004. in nadaljujejo do danes. HTML5 je načrtovan kot najbolj univerzalna in funkcionalna različica HTML (HyperText Markup Language), saj tako ali drugače pri ustvarjanju HTML5 sodelujejo titani industrije, kot so Apple, Mozilla, Opera, Microsoft in Google. Naj natančno pripomnim Google Chrome, na ta trenutek, podpira večino elementov HTML5

Kljub dejstvu, da so možne spremembe v HTML5, ker delo na specifikaciji HTML 5 še vedno poteka in je še vedno v teku, se razvoj tehnologije dogaja tako hitro, da bo HTML5 kmalu sprejet in bo treba spletne strani ustvarjati z uporabo širokih zmogljivosti HTML5!

Goljufija HTML5 v ruščini bo pomagala pri učenju

Kodirniki in oblikovalci postavitev se morajo danes naučiti novosti, oznak in standardov HTML5, saj se kljub nenehnemu delu na HTML5 nekatere njegove zmogljivosti že precej uspešno uporabljajo pri izdelavi spletnih strani. Seveda se morate HTML5 začeti učiti z oznakami, saj so se v HTML5 pojavile nove oznake, nekatere stare pa ne bodo podprte. Poleg tega je veliko oznak iz HTML4 prišlo v HTML5. In kaj bi lahko bilo boljše in bolj priročno pri učenju nečesa kot goljufija? Srečati:

prva goljufija HTML5 v ruščini v Runetu

Prva goljufija HTML5 v ruščini RuNet vključuje nove elemente HTML5, ki so bili prej pogosto uporabljeni, vendar so bili napisani v imenih slogov. Na primer noga, glava, razdelek, članek in drugo. Poleg tega goljufija HTML5 v ruščini vsebuje vse oznake stara različica HTML4, ki se je preselil v HTML5. Tudi goljufija HTML5 v ruščini vsebuje oznake, ki jih HTML5 ne podpira.

Goljufija HTML5 v ruščini, izdelana v formatu A4

Prva goljufija HTML5 v ruščini v RuNetu je narejena v formatu A4, zato vam bo priročno, da jo natisnete in imate pri roki. Ugotavljam, da goljufija HTML5 v ruščini opisuje vse oznake v eni vrstici in čim bolj izraža namen oznake. Naša goljufija HTML5 v ruščini se bo nenehno izpopolnjevala in posodabljala, ko bodo oznake odstranjene ali dodane v HTML5. S spodnje povezave lahko prenesete »goljufalico HTML5 v ruščini«. V arhivu boste našli 1 pdf Visoka kvaliteta in dva jpg datoteka v različnih razširitvah.

Prenesite »HTML5 Cheat Sheet v ruščini« (Število prenosov: 7996)

Arhiv vsebuje dve datoteki jpg v končnicah 1024×1448 in 2480×3508

posodobljeno 29.10.2014

Več kot dve leti sta minili od pisanja objave in dejanskega ustvarjanja goljufanja na HTML 5. V tem času je bil goljufija prenesen 3600-krat), zelo sem zadovoljen, upam, da je bil koristen tistim, ki so študirali postavitev v HTML 5. Veliko sem se naučil in se učil na različnih forumih in spletnih straneh, z ustvarjanjem goljufanja pa sem želel pokazati svojo hvaležnost, poplačati svoj dolg). Zakaj danes pišem posodobitev v tej objavi, ker je danes razvoj HTML5 končno končan!

Razvoj HTML5 je uradno zaključen

HTML5 je uradno "funkcionalno dokončan". V skladu z uveljavljenimi globalnimi standardi konzorcija svetovnega spleta (W3C). Opraviti je treba še nekaj testov in še ni postal uradni spletni standard, a za zdaj lahko z gotovostjo rečemo, da v primerjavi s trenutno različico ne bo novih funkcij.

To pomeni, da imajo spletni oblikovalci in izdelovalci aplikacij zdaj »stabilen cilj« za gladek prehod nov standard do leta 2015. Označevalni jezik HTML5 omogoča razvijalcem, da dodajo funkcionalnost stranem, ki so prej zahtevale samostojne aplikacije ali dodatne programsko opremo, kot je Java, Adobe Flash ali Microsoft (MSFT, Fortune 500) Silverlight. Podpira pretočni video in storitve geolokacije, orodja brez povezave in upravljanje na dotik, med drugim.

Za razvoj novega standarda je trajalo več kot 10 let. direktor W3C Jeff Jaffe je v pripravljeni izjavi pred nekaj dnevi dejal, da razvijalci od danes vedo, da se lahko zanesejo na HTML5 v prihodnjih letih. »Poleg tega bodo razvijalci vedeli, katere veščine je treba razviti, da bodo dosegli pametne telefone, avtomobile, televizorje, e-knjige, digitalni znaki in naprave še niso znani,« je dodal.

Zadnje Microsoftove različice internet Explorer, Google Chrome, Mozilla Firefox in Apple Safari sta že združljiva z večino elementov HTML5. W3C že dela na HTML 5.1, katerega prvi deli so bili pravkar predloženi kot osnutek.

Konvencije HTML koda

Mnogi spletni razvijalci slabo razumejo specifikacije kode HTML.

V letih 2000–2010 je veliko spletnih razvijalcev prešlo iz HTML v XHTML.

Razvijalci, ki uporabljajo XHTML, postopoma razvijajo dobre specifikacije za pisanje HTML.

In v HTML5 moramo oblikovati razmeroma dobre standarde kode, več smernic je navedenih pod specifikacijo.

Uporabite pravo vrsto dokumenta

Izjava o vrsti dokumenta v prvi vrstici HTML dokument:

DOCTYPE HTML>

Če želite uporabiti druge oznake, kot so male črke, lahko uporabite naslednjo kodo:

DOCTYPE HTML>

Imena elementov z malimi črkami

Ime elementa HTML5 se lahko uporablja z velikimi ali malimi črkami.

Primer mešanega sloga je zelo slab.
Male črke je enostavno napisati.

To je odstavek.

Zelo slabo:

To je odstavek.

Izklopite vse elemente HTML

V HTML5 ne želite zapreti vseh elementov (kot je element ), vendar priporočamo, da vsak element doda zaključno oznako.

To je odstavek.

Zapri prazne elemente HTML

V HTML5 praznega elementa HTML ni treba izklopiti:

Lahko zapišemo:

Lahko tudi napišete:

Zahtevani so XML, XHTML in poševnica (/).

Če nameravate uporabljati svojo programsko stran XML, je ta slog zelo dober.

Ime atributa z malimi črkami

HTML5 omogoča uporabo imena lastnosti z velikimi in malimi črkami.

Primer uporabe je zelo slaba navada.
Razvijalci običajno uporabljajo male črke (podobno kot XHTML).
Slog z malimi črkami je videti bolj osvežujoč.
Male črke je enostavno napisati.

Vrednost nepremičnine

Vrednosti atributa HTML5 ni mogoče navajati.

Če vrednost lastnosti vsebuje presledke, morate uporabiti narekovaje.
Mešani slog ni priporočljiv, predlaga se en sam slog.
Vrednosti lastnosti z uporabo narekovajev so enostavne za branje.

Naslednji primer vrednosti atributa vsebuje presledke, ne uporabljajte narekovajev, morda ne bo delovalo:

Spodaj se uporabljajo dvojni narekovaji, to je prav:

lastnosti

Pogosto se uporabljajo atributi Alt slike. Če slike ni mogoče prikazati, lahko zamenja prikaz slike.

= "HTML5" style = "width: 128px; height: 128px">

Velikost slike je določena, lahko jo rezervirate ob nalaganju določene vrednosti, zmanjšajte utripanje.

= style "HTML5" = "width: 128px; height: 128px">

Presledki in enačaji

Pred znakom enačaja in za njim lahko uporabite presledke.

Izogibajte se dolgim vrsticam kode

Uporaba urejevalnika HTML je drsenje po kodi levo in desno nerodno.

Vsaka vrstica kode je čim manjša od 80 znakov.

Prazne vrstice in vdolbine

Ne dodajajte prazne vrstice brez razloga.

Za vsak funkcionalni blok logike dodajte prazno vrstico, da bo bolj berljiv.

Ne uporabljajte nepotrebnih praznih zamaknjenih vrstic med kratkimi kodami.

Dodatne prazne vrstice in zamiki:

Ta vadnica

HTML

Ta vadnica ne uči le tehnologije, ampak tudi spanje.
Ta učbenik, ki poučuje ne samo tehnologijo, ampak tudi v sanjah,
Ta vadnica ne uči le tehnologije, ampak tudi spanje.

Ta vadnica

V tej vadnici poučevanje ne le tehnologije, ampak tudi spanja.
Ta vadnica ne uči le tehnologije, ampak tudi spanje.
Ta vadnica ne uči le tehnologije, ampak tudi spanje.
Ta vadnica ne uči le tehnologije, ampak tudi spanje.

Primer obrazca:

Ime
Opis

A
Opis A

B
Opis B

Primer seznama:

London

Pariz

Tokio

Izpustimo in?

V standardu HTML5 lahko oznako izpustite.

Naslednji dokumenti so veljavni HTML5:

primer:

DOCTYPE HTML>

Naslov strani

To je naslov

To je odstavek.

Poskusi "

element je korenski element dokumenta, jezik, ki se uporablja za opis strani:

DOCTYPE HTML>

Izjava o jeziku za lažje branje na zaslonih in iskalnikih.

Izpustimo zrušitve programske opreme DOM ali XML.

Izpustimo napako, ki se pojavlja v starejših brskalnikih (IE9).

Ali ga izpustimo?

V standardu HTML5 lahko oznako izpustite.

Brskalnik privzeto nastavi vsebino, preden se element doda privzeto.

primeri

DOCTYPE HTML>

Naslov strani

To je naslov

To je odstavek.

Poskusite » Metapodatki

HTML5 zahteva element, katerega naslov opisuje temo strani:

V tej vadnici

Naslov in jezik, ki omogočata, da iskalnik hitro razume temo vaše strani:

DOCTYPE HTML>

V tej vadnici

Spletni oblikovalec – specifikacija HTML5 (HTML 5)

Oznake v HTML5 so oznake XML-HTML, ki opisujejo strukturo spletne strani in so oblikovane tako, da lahko računalniški program (iskalni robot itd.) razlikuje glavno vsebino strani od ostale strani (elementi oblikovanja in navigacije). : vrh, dno, meni, stranski elementi, ponavljajoči se (dinamični) bloki itd. Obstaja tudi delitev na ravni glavne vsebine (besedilo strani). Sam jezik HTML5 je dodatek k HTML, XML, CSS itd.

Naslov strani Vrh spletne strani, "glava" Glavni meni spletne strani Glavni del, članek, material strani Stranska vrstica (stranska vrstica) Dno strani, noga

Struktura spletne strani

- okvir glavne vsebine strani (članka),
- okvir glave strani,
- uokviriti nogo strani,
- okvir glavne stvari meni strani,
- okvir stranske vrstice strani (sidebar),
- uokvirite ponavljajoče se bloke na strani (na primer komentarje).

Elementi kode predloge spletne strani HTML5.

- dodelite kodiranje windows-1251.

- če je stran odprta v IE, mora brskalnik vedno uporabljati najnovejši standardni način prikaza.

- prikaz strani na mobilnih napravah.

glava - glava strani spletnega mesta, običajno vsebuje logotip spletnega mesta, glavo, telefonsko številko, drsnik itd.

nav - glavni meni strani spletnega mesta.

članek - glavna vsebina strani: članek, objava na blogu, tema na forumu itd. Lahko vsebuje besedilo, slike, videe, tabele itd.

stran - stranska vrstica (stranska vrstica) spletnega mesta, običajno vsebuje različne elemente, kot so: kategorije, oznake, zadnje objave/komentarji, dodatni meniji, števci itd.

noga - spodnji del - noga spletne strani, običajno vsebuje razne informacije(avtorske pravice), Kontaktni podatki(naslovi, telefonske številke) itd.

HTML5 na ravni strukture strani

Oglejmo si seznam novih oznak HTML5, ki so odgovorne za razdelitev strukture strani:

- oznake, ki uokvirjajo oblikovne elemente zgornjega dela spletnega mesta, tako imenovano "glavo strani". Tudi oznake glave se lahko uporabljajo kot zgornji del oznaka razdelka.

- oznake, ki uokvirjajo glavni meni na spletnem mestu.

- oznake, ki uokvirjajo glavno vsebino strani: članek, zapis v blogu, novica, prvi vnos na forum itd.

- oznake, ki uokvirjajo stransko vrstico. Stranska vrstica je tako imenovana »stranska vrstica«, ki običajno vsebuje bloke naslovov (kategorij), oblake oznak (oznak), seznam najnovejši vnosi in tako naprej. Uporabite lahko tudi stranske oznake za uokvirjanje števcev, pripomočkov (na primer komentarjev iz VKontakte) in družabnih gumbov.

- oznake za okvirjanje spodnji del strani, tako imenovana »noga strani«, ki lahko vsebuje ime avtorja (podjetja), kontakte (naslove, telefonske številke), pravne informacije (avtorske pravice) itd. Oznake noge lahko uporabite tudi kot spodnji del oznake razdelka, tj. same oznake noge se bodo nahajale med oznakami odsekov

- oznake, ki uokvirjajo ponavljajoče se dele strani ali glavno vsebino, na primer, če je na strani več poglavij zgodbe, potem lahko vsako poglavje postavite med te oznake. Ali če kliknete na povezavo v stranski vrstici (na primer na povezavo neke kategorije), se prikaže stran, na kateri bodo povezave z opisi, ki vodijo do člankov, ki spadajo v to kategorijo, povezave z opisi pa lahko uokvirite z oznakami razdelkov, kot tudi izdelki z opisi v spletni trgovini, komentarji na objave, komentarji na temo na forumih itd.

HTML5 na ravni besedila

Oglejmo si seznam novih oznak HTML5, ki so odgovorne za semantično razdelitev besedila strani:

- besedilo med tema oznakama postane »izbrano«. Eden od namenov oznak za označevanje je uokvirjanje besed v besedilu, ki se na primer ujemajo z besedo, ki jo je uporabnik vnesel v iskalno vrstico.

- oznake so oblikovane za ustvarjanje datumov in/ali ur v formatu
ISO v obliki: LLLL-MM-DDThh:mm:ss , ta oblika je razumljiva računalniški programi. Časovne oznake lahko uokvirjajo datum ali besedilo; če oznaka uokvirja besedilo, se ji doda atribut datetime, katerega vrednost je datum in/ali čas v formatu ISO.

- oznake so namenjene shranjevanju informacij, ki so skrite ali prikazane (deluje kot spojler).

- oznake uokvirjajo naslov, če kliknete nanj, se prikaže besedilo (lahko se uporablja kot spojler), ki se nahaja med oznakami podrobnosti.

Dodatne jezikovne oznake HTML5

Seznam novih oznak HTML5, ki bogatijo jezik:

- oznake so zasnovane za prikaz statičnega indikatorja lestvice, pri katerem se rezultat meritve ne spremeni. Za delovanje potrebujete najmanjšo in največjo vrednost.

- oznake so zasnovane za prikaz dinamičnega kazalnika lestvice (na primer lestvica za prenos datoteke), v kateri se meritveni rezultat spreminja v realnem času.

- oznaka se mora nahajati med oznakami menijev, ki se uporabljajo pri ustvarjanju skriptov v JavaScriptu.

- ukazna oznaka je nameščena med tema oznakama.

- oznake so namenjene prikazu delovanja skripta.

- oznake so namenjene ustvarjanju seznama, ki se prikaže ob vnosu v besedilno polje.

- oznake uokvirjajo opis predmeta (na primer slike), ki se nahaja med oznakami figur..

- oznake združujejo različne predmete strani z lastnimi opisi, na primer slike z opisi, izdelki z opisi itd.

- oznake so zasnovane za združevanje naslovov h*

- oznaka se uporablja za generiranje parov javni/zasebni ključ, šifriranje/dešifriranje podatkov, ustvarjanje/preverjanje digitalnega podpisa.

- oznake uokvirjajo besedilo in opombe k njemu.

- oznake se nahajajo med rubinastimi oznakami in so namenjene uokvirjanju pripisa.

- oznake so namenjene brskalnikom, ki ne podpirajo ruby oznak.

- oznaka pove brskalniku, kam naj postavi besedo (" mehak prenos«), če ta beseda ne ustreza oknu brskalnika.

Oznake HTML5, ki opisujejo nove tehnologije

HTML5 uvaja možnost uporabe številnih tehnologij in API-jev, ki so del jezika HTML5 in ne vtičniki tretjih oseb, tukaj je nekaj izmed njih:

- oznake so namenjene predvajanju zvočnih datotek, brez uporabe programi tretjih oseb(vtičniki, razširitve).

- oznake so namenjene predvajanju video datotek, brez uporabe programov tretjih oseb (vtičniki, razširitve).

- oznaka je namenjena označevanju poti do avdio/video datotek, ki se nahajajo znotraj avdio in video oznak.

- oznake so namenjene ustvarjanju posebnega področja na spletnem mestu, v katerem lahko ustvarjate vektorske oblike in z njimi manipulirate s pomočjo programskega jezika JavaScript. Canvas naj bi v prihodnosti nadomestil tehnologijo Flash (ja, v teoriji ...).

Oznaka

Oznaka je poseben element, ki je zasnovan za risanje in obdelavo vektorskih oblik. Oznaka je bila ustvarjena za zamenjavo tehnologije Flash. Z uporabo oznake lahko rišete vektorske oblike (slike) in s pomočjo JavaScripta manipulirate s temi oblikami in tako ustvarite animacijo (risanke in celo igre) na spletnem mestu.

Avdio Video

Z uporabo oznake lahko na stran vdelate zvočne datoteke in jih poslušate. Element

Z uporabo oznake lahko na stran vdelate video datoteke in si jih ogledate. Element ustvari tudi ploščo z gumbi za predvajanje.

JavaScript API

Specifikacija HTML5 opisuje, kako naj deluje jezik JavaScript, z elementi strani prek tehnologije DOM. Tudi v HTML5 obstajajo nove metode za manipulacijo predmetov, na primer z uporabo JavaScripta in s temi metodami lahko programsko upravljate gumbe na nadzorni plošči za zvok/video.

Tehnološka podpora XML

V dokumentu HTML, napisanem z jezikom HTML5, je zdaj mogoče implementirati tehnologije, povezane z različnimi formati XML, kot sta SVG ali MathML.

SVG

SVG - razširljiva vektorska grafika vektorske grafike) je format XML. Odkar je HTML5 začel podpirati formate XML, je zdaj mogoče slike, ustvarjene z uporabo SVG, vdelati v dokument HTML in z njimi manipulirati prek JavaScripta.

Primer kode za vzorec zelenega kroga:

rezultat:

MathML

MathML - Mathematical Markup Language (matematični označevalni jezik) format XML. Z uporabo tega formata Lahko opišete različne matematične formule.

Katere oznake v HTML5 so zastarele?

Podedovane oznake v specifikaciji HTML5 so:

in namesto tega je treba uporabiti oznako za vdelavo
namesto tega je treba uporabiti oznako abbr
namesto tega je treba uporabiti zvočna oznaka
namesto tega je treba uporabiti oznako ul
..je treba uporabiti namesto tega oznaka iframe
namesto tega bi morali uporabiti kup obrazcev in vnosnih oznak
namesto tega je treba uporabiti oznake pre ali koda

Namesto tega je treba uporabiti predhodno oznako
namesto tega je treba uporabiti oznako s

Namesto oznak za oblikovanje: , , , , , , , , , in , morate uporabiti lastnosti CSS.

Pri ustvarjanju spletnih mest na HTML5 ni priporočljivo uporabljati zastarelih oznak, vendar to ne pomeni, da jih brskalniki ne podpirajo več, na primer delo nepriporočene oznake podčrtaji

Novi globalni atributi v HTML5

Globalni atributi so atributi, ki jih je mogoče vdelati v katero koli oznako dokumenta HTML. V HTML5 so se pojavili novi globalni atributi, v spodnjih opisih so označeni z besedo Novo

Poglejmo imena in opise globalnih atributov HTML5:

accesskey=" " - omogoča uporabo katerega koli elementa (oznake) strani s pritiskom na vnaprej programirano kombinacijo tipk,
class=" " - omogoča nastavitev imena razreda,
contenteditable=" " - omogoča urejanje vsebine postavka Novo,
contextmenu=" " - omogoča ustvarjanje kontekstnega menija za nov element,
dir=" " - omogoča upravljanje smer besedila,
draggable=" " - omogoča uporabniku, da povleče element New,
dropzone=" " - omogoča, da določite, kaj storiti z elementom, ko povlečete Novo,
hiden=" " - omogoča, da skrijete nov element,
id=" " - omogoča nastavitev edinstvenega identifikatorja za element,
lang=" " - omogoča določitev kode jezika v vsebini elementa,
spellcheck=" " - omogoča, da določite, ali se črkovanje preverja ali ne v vsebini novega elementa,
style=" " - omogoča ustvarjanje sloga za element,
tabindex=" " - omogoča vam, da ustvarite pravilo, ki določa, v kakšnem vrstnem redu naj bodo elementi prejeti fokus, ko pritisnete tipko Tab,
title=" " - vam omogoča, da ustvarite opis orodja, ki se prikaže, ko z miško premaknete nad element.

Ker so se v specifikaciji HTML5 oznake spremenile v polnopravne objekte, je bil koncept globalnega atributa že neločljivo povezan s temi predmeti, tudi za tiste oznake, ki še niso opisane v specifikaciji.

Novosti v strukturi kode dokumenta HTML5

Struktura kode v HTML5 je doživela nekaj sprememb, tukaj je nekaj izmed njih:

1. Za razliko od prejšnje različice jeziku je v HTML5 samo en doctype:
Vidite ga lahko na primer v izvorni kodi strani tega mesta (ne pozabite, da pred tipom dokumenta ne sme biti ničesar, presledkov, prelomov vrstic itd.).

2. Za označevanje jezika dokumenta zdaj namesto metaoznake:
v oznaki morate uporabiti atribut lang="ru":

3. Za označevanje kodiranja dokumenta zdaj namesto meta oznake:

uporabiti morate metaoznako brez atributov http-equiv in content

4. Pri ustvarjanju skripta JavaScript, zdaj v oznaki, ni treba implementirati atributov type="text/javascript" in language="JavaScript".

5. Ob izvedbi slogi CSS, zdaj ni več treba implementirati atributa type="text/css" v oznakah in.

6. Povezava je vstavljena oznaka, torej v zgodnji Specifikacije HTML in XHTML, jim ni bilo priporočljivo uokvirjati blokovnih oznak; zdaj je v specifikaciji HTML5 to priporočilo za povezave odstranjeno in zdaj jim je dovoljeno uokviriti enega ali več blokovnih elementov.

Naslov

odstavek

Zdaj lahko s HTML5 storite to:

Naslov

Na podlagi gradiva s strani http://html-5.ru/, http://html-5.ru/uchebnik-html5

Ukazne oznake za robote iskalnikov, pomenska obremenitev strani

Dodatki k HTML W3C od 2015-2017

Priporočila W3C 24. december 1999

Pogosto se spletni razvijalci niti ne zavedajo, da obstajajo določeni standardi kodiranja HTML. Vendar pa je med letoma 2000 in 2010 veliko spletnih razvijalcev prešlo s HTML na XHTML. Istočasno je XHTML razvijalce prisilil, da napišejo veljavno in "dobro oblikovano" kodo. HTML5, ko gre za preverjanje kode, dopušča nekaj površnosti.

Vendar pa bo doslednost v slogu drugim olajšala razumevanje vaše kode HTML.

Morda bodo nekoč programi, kot so programi za branje Podatki XML, boste morali prebrati svojo kodo HTML. Zato je uporaba dobro oblikovane sintakse, podobne XHTML, razumen pristop.

Vedno se prepričajte, da je vaša koda urejena, čista in dobro oblikovana.

Uporabite pravo vrsto dokumenta

V prvi vrstici vedno navedite vrsto dokumenta:

Če želite ohraniti doslednost z oznakami z malimi črkami, lahko uporabite naslednjo definicijo vrste dokumenta:

Imena elementov napišite z malimi črkami

HTML5 dovoljuje tako velike kot male črke v imenih elementov. Vendar je bolje, da vedno uporabljate le male črke. To je razloženo z naslednjimi premisleki:

Mešanje velikih in malih črk v imenih oznak velja za slabo prakso

To je odstavek besedila.

Zelo slabo:

To je odstavek besedila.

Zaprite vse elemente HTML

V HTML5 vam ni treba zapreti vseh elementov (na primer elementa

To je odstavek besedila.

Zaprite prazne elemente HTML

V HTML5 je zapiranje praznih elementov odvisno od želje spletnega razvijalca.

Sprejemljivo:

Sprejemljivo tudi:

Vendar je končna poševnica (/) OBVEZNA v XHTML in XML.

Če se pričakuje, da bodo do vaše spletne strani dostopale aplikacije XML, potem polje prazno elementi HTML Bolje je uporabiti zaključno poševnico!

Za imena atributov uporabljajte male črke

V HTML5 lahko med pisanjem imen atributov mešate velike in male črke.

Mešanje velikih in malih črk v imenih atributov velja za slabo prakso
Razvijalci običajno uporabljajo male črke (kot v XHTML)
Pisanje z malimi črkami je videti čistejše
Male črke je lažje pisati

Vrednosti atributov vnesite v narekovaje

HTML5 omogoča zapis vrednosti atributov brez narekovajev. Vendar priporočamo, da vrednosti atributov vedno navedete v narekovajih, ker

Mešanje velikih in malih črk v pomenih velja za slabo prakso
Navedene vrednosti so lažje berljive
MORATE navesti, če so v vrednostih presledki

Zelo slabo:

To ne bo delovalo, ker so v vrednosti presledki

Atributi slike

Pri definiranju slik vedno uporabite atribut "alt". Ta atribut je pomemben, ko slika iz nekega razloga ni prikazana.

Prav tako vedno določite širino in višino slike. To zmanjša razčlenitev postavitve strani, saj bo brskalnik rezerviral prostor za sliko, medtem ko se stran nalaga.

Presledki in enakovrednosti

HTML5 dovoljuje presledke okoli enačaja. Če pa ni presledkov, je koda lažje berljiva in bolje združuje entitete.

Izogibajte se dolgim vrsticam kode

pri z uporabo HTML urejevalnik, je neprijetno brati kodo HTML, če se morate pomikati po oknu levo ali desno.

Potrudite se, da vrstica kode ne bo daljša od 80 znakov.

Prazne vrstice in vdolbine

Ne smete dodajati praznih vrstic brez dobrega razloga.

Za najboljšo berljivost je treba prazne vrstice dodati samo za ločevanje velikih, logično doslednih blokov kode.

Za boljšo berljivost dodajte tudi dva presledka za zamik. Za to ne uporabljajte zavihkov.

Izogibajte se nepotrebnemu belemu prostoru in zamiku. Ni potrebe po zamiku vsakega elementa.

Ni potrebno:

Znana mesta Tokio

Tokio je glavno mesto Japonske, središče širšega tokijskega območja in najbolj naseljeno metropolitansko območje na svetu. Je sedež japonske vlade in cesarske palače ter dom japonske cesarske družine.

Znana mesta Tokio

Ime Opis

A	Opis A
B	Opis B

London

Pariz

Tokio

Preskočiti ali ne in?

V skladu s standardom HTML5 oznake in oznake ni dovoljeno uporabljati.

Naslednja koda velja za veljavno glede na standard HTML5:

Naslov strani To je besedilni naslov

To je odstavek besedila.

Element je koren dokumenta. To je priporočeno mesto za določitev jezika strani:

Deklaracija jezika strani je pomembna tako za specializirane aplikacije (kot so bralniki zaslona) kot za iskalnike.

Poleg tega, če ne napišete oznake ali oznake, lahko prekine strukturo DOM in XML aplikacije. Preskakovanje oznake lahko povzroči tudi napake v starejših brskalnikih (IE9).

Ali naj preskočim oznako?

V skladu s standardom HTML5 oznake ni dovoljeno uporabljati.

Brskalniki privzeto dodajo vse elemente pred začetno oznako znotraj elementa, ki ga ustvarijo.

Kompleksnost strukture HTML lahko zmanjšate tako, da izpustite oznako:

Naslov strani Naslov besedila

To je odstavek besedila.

Metapodatki

Element je zahtevan v HTML5. Naslov strani mora biti napolnjen s pomenom:

Za zagotovitev pravilne interpretacije in pravilnega indeksiranja strani Iskalniki, mora biti definicija jezika strani in kodiranja znakov deklarirana čim prej:

Standardi sintakse in kodiranja HTML5

Namestitev vidnega okna (okna za ogled)

"Viewport" je uporabniku vidno območje spletne strani. To področje se razlikuje od naprave do naprave in na Mobilni telefoni bo manjši kot na računalniškem zaslonu.

HTML5 je uvedel metodo, ki spletnim oblikovalcem omogoča nadzor nad vidnim poljem z uporabo .

Na vseh spletnih straneh vedno uporabite kontrolnik vidnega polja v naslednji obliki:

Ta kontrolnik vidnega polja ponuja navodila brskalniku, kako nadzorovati velikost in spreminjanje velikosti strani.

Del width=device-width nastavi širino strani tako, da se ujema s širino zaslona trenutne naprave (ki se razlikuje glede na napravo, ki jo uporabljate).

Nabori delov začetne lestvice=1,0 Prva stopnja poveča, ko brskalnik prvič naloži stran.

Spodaj si lahko ogledate primer spletne strani na zaslonu pametnega telefona z nameščeno meta oznako viewport in brez nje:

Stran z metaoznako vidnega polja

HTML komentarji

Kratek komentar naj bo napisan v eni vrstici: