HTML5 - Izrada dokumenata i atributa

HTML5 - Izrada dokumenata i atributa

Ovo je najmanje zanimljiv dio, ali je bez sumnje jedan od najkritičnijih. Svaki dokument HTML koristi barem dio ovih elemenata, a ponekad i sve njih, pa ne škodi što ih znamo koristiti na odgovarajući način za izradu dokumenata HTML5 ispravno i općenito.
Elementi vrste dokumenta
Počnimo s elementima tipa dokument. To su blokovi koji oblikuju naš dokument HTML i postavlja početni kontekst za preglednik.
Element doctype
Element doktrina jedinstven je u svojoj kategoriji. Dobra je praksa započeti svaki dokument HTML koje stvaramo s elementom tipa doktrina. Ovo je element koji govori pregledniku s kojim će se baviti HTML.
Većina preglednika i dalje će ispravno prikazivati ​​naš sadržaj ako izostavimo doktrina, ali loša je praksa vjerovati pregledniku da će se ponašati na ovaj način.
Ispravna sintaksa za primjenu elementa tipa doktrina je sljedeći:
Element html
Ovaj se element uglavnom naziva root elementom i označava početak HTML -a u našem dokumentu.
Sintaksa je sljedeća:


Sadržaj i elementi ovdje

Element glave
Element glava Sadrži sve metapodatke za dokument. U HTML, metapodaci pružaju pregledniku informacije o sadržaju i oznakama u dokumentu, ali dodatno možemo uključiti skripte i reference na vanjske izvore, poput stilskih listova CSS.
Sintaksa je sljedeća u dokumentu:



zdravo


Element tijela
Ovaj element sažima sadržaj dokumenta HTML, suprotno je od elementa head koji sažima metapodatke i informacije o dokumentu. Element tijelo uvijek slijedi element head, što znači da je to drugo dijete u strukturi korijenskog html elementa.
Pogledajmo njegovu sintaksu:

Primjer

ja volim jabuke i naranče.

Elementi metapodataka tipa
Elementi vrste metapodataka omogućuju nam pružanje informacija o dokumentu HTML. Oni nisu sami po sebi sadržani, ali pružaju informacije o sadržaju koji će ih slijediti. Elementi metapodataka tipa dodaju se elementu head.
Postavljanje naslova našem dokumentu
Element titula postaviti naslov ili naziv našem dokumentu. Preglednici obično prikazuju sadržaj ovog elementa pri vrhu prozora ili kartice.
Pogledajmo kako ćemo to dodati našoj strukturi:

Primjer

ja volim jabuke i naranče.

Postavljanje osnove za relativne URL -ove
Osnovni element učvršćuje a URL baza, u kojoj su koje relativne veze sadržane u dokumentu HTML bit će riješeno. Relativna veza je ona koja izostavlja protokol, host i port URL -a i ocjenjuje se u odnosu na drugi URL. Osnovni element također navodi kako se veze otvaraju kada korisnik klikne na njih i kako se preglednik ponaša nakon unosa obrasca.
Nakon što smo vidjeli bitne elemente dokumenta, možemo dopuniti samo ostale elemente koji rade za metapodatke i tako izgraditi dokument HTML ispravno i to svaki preglednik može protumačiti na najbolji način.
Atributi

• red

Atribut red određuje smjer teksta koji se nalazi u elementu. Podržane vrijednosti za njega su:

• ltr (tekst slijeva nadesno)
• rtl (tekst zdesna nalijevo)

Pogledajmo jednostavan primjer njegove primjene:

Primjer

dir = "rtl"> Ovo je zdesna nalijevo

dir = "ltr">Ovo je slijeva nadesno

• contextmenu

Ovaj atribut nam omogućuje definiranje konteksta elemenata izbornika. One se pojavljuju na zaslonu kada ih korisnik takoreći otpusti, na primjer, kada desnom tipkom miša kliknemo na element.

• vuče

Atribut vuče dio je HTML5 podrške za povuci i ispusti i koristi se za označavanje kada se element može povući.

• pad zona

Atribut pad zona dio je HTML5 podrške za povuci i ispusti y je protuvrijednost atributa koji se može povlačiti, a koji je gore objašnjen.

• skriven

Atribut skriven To je Booleov atribut koji označava da element nije relevantan, stoga neće biti vizualno prisutan u dokumentu. Preglednici tumače ovaj atribut na način koji skriva stavku od pogleda korisnika. Pogledajmo primjer toga:

Primjer
Uključi / isključi



skriven>

Jam	Grad
Adam Freeman	London
Joe Smith	New Yorku
Anne jones	Pariz

U ovom primjeru definiramo tablicu koja sadrži element tr koji predstavlja redak u kojem je skriveni atribut. Dodatno definiramo gumb koji kada se pritisne poziva funkciju Javascript toggleHidden koji uklanja skriveni atribut.

• ići

Jedan od najpoznatijih atributa je ići, koji vam omogućuje dodjeljivanje jedinstvenog identifikatora elementu. Ovi se identifikatori obično koriste za oblikovanje elementa ili odabir elementa pomoću Javascripta. Pogledajmo primjer kako koristimo id atribut za stiliziranje elementa.

Primjer

id = "w3clink"href =" http://w3c.org "> W3C web mjesto

• Provjera pravopisa

Atribut Provjera pravopisa koristi se za određivanje treba li preglednik provjeriti sintaksu nekog sadržaja. Korištenje ovog atributa ima smisla samo kada se primijeni na element koji korisnik može uređivati.
Pogledajmo primjer:

Primjer
spellcheck = "istina"> Ovo je neki pogrešno napisan tekst

• stil

Atribut stil omogućuje nam definiranje CSS stila izravno u elementu, vidimo:

Primjer
style = "pozadina: siva; boja: bijela; padding: 10px">
Posjetite web mjesto Apress

• tabindex

Ovaj atribut omogućuje nam kontrolu poretka žarišta elemenata kada im pristupamo putem tabličnog ključa.
Primjer
Jam: tabindex = "1"/>

Grad: tabindex = "- 1"/>

Zemlja: tabindex = "2"/>

tabindex = "3"/>

Uspjeli smo naučiti sve o atributima i kako se oni mogu primijeniti na elemente u našem HTML dokumentu. Ovo radi proširenja njegove funkcionalnosti na način koji se prilagođava potrebama naše web stranice.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod