HTML5 - dokumentų ir atributų kūrimas

HTML5 - dokumentų ir atributų kūrimas

Tai yra mažiausiai įdomi dalis, tačiau, be jokios abejonės, ji yra viena kritiškiausių. Kiekvienas dokumentas HTML naudoja bent dalį šių elementų, o kartais ir visus, todėl nepakenks, kad žinome, kaip tinkamai juos naudoti kuriant dokumentus HTML5 teisinga ir bendra.
Dokumento tipo elementai
Pradėkime nuo tipo elementų dokumentas. Tai yra blokai, kurie formuoja mūsų dokumentą HTML ir nustato pradinį naršyklės kontekstą.
Doctype elementas
Elementas doktipas jis yra unikalus savo kategorijoje. Gera praktika yra pradėti kiekvieną dokumentą HTML kurį kuriame su tipo elementu doktipas. Tai elementas, kuris nurodo naršyklei, kad ji susidurs HTML.
Dauguma naršyklių vis tiek rodys mūsų turinį teisingai, jei praleisime doktipas, tačiau yra bloga praktika pasitikėti naršykle taip elgtis.
Tinkama tipo elemento taikymo sintaksė doktipas yra kitas:
Html elementas
Šis elementas dažniausiai vadinamas šakniniu elementu ir nurodo HTML pradžią mūsų dokumente.
Sintaksė yra tokia:


Turinys ir elementai čia

Galvos elementas
Elementas galva Jame yra visi dokumento metaduomenys. In HTML, metaduomenys suteikia naršyklei informaciją apie dokumento turinį ir žymėjimą, tačiau papildomai galime įtraukti scenarijus ir nuorodas į išorinius išteklius, pvz., stiliaus lapus CSS.
Dokumento sintaksė yra tokia:



Sveiki


Kūno elementas
Šis elementas apima dokumento turinį HTML, yra priešingas pagrindiniam elementui, kuris apima dokumento metaduomenis ir informaciją. Elementas kūnas jis visada seka galvos elementą, o tai reiškia, kad tai yra antrasis vaikas iš pagrindinio html elemento struktūros.
Pažiūrėkime jo sintaksę:

Pavyzdys

man patinka obuoliai ir apelsinai.

Metaduomenų tipo elementai
Metaduomenų tipo elementai leidžia mums pateikti informaciją apie dokumentą HTML. Jie patys nėra patenkinti, tačiau pateikia informaciją apie turinį, kuris bus po jų. Prie galvos elemento pridedami tipo metaduomenų elementai.
Mūsų dokumento pavadinimo nustatymas
Elementas titulas nustatykite mūsų dokumento pavadinimą ar pavadinimą. Paprastai naršyklės šio elemento turinį rodo lango arba skirtuko viršuje.
Pažiūrėkime, kaip mes jį įtraukiame į savo struktūrą:

Pavyzdys

man patinka obuoliai ir apelsinai.

Santykinių URL pagrindo nustatymas
Pagrindo elementas tvirtina a URL bazę, kurioje yra kokios santykinės nuorodos, esančios dokumente HTML bus išspręsta. Santykinė nuoroda yra ta, kuri praleidžia URL protokolą, pagrindinį kompiuterį ir prievadą ir yra vertinama pagal kitą URL. Pagrindinis elementas taip pat nurodo, kaip nuorodos atidaromos, kai vartotojas jas spustelėja, ir kaip naršyklė veikia įvedus formą.
Pamatę esminius dokumento elementus, galime užbaigti tik kitus elementus, kurie tinka metaduomenims, ir taip sukurti dokumentą HTML teisinga ir kurią bet kuri naršyklė gali suprasti geriausiai.
Atributai

• rež

Atributas rež nurodo elemento teksto kryptį. Palaikomos jo vertės yra šios:

• ltr (tekstas iš kairės į dešinę)
• rtl (tekstas iš dešinės į kairę)

Pažvelkime į paprastą jo taikymo pavyzdį:

Pavyzdys

dir = "rtl"> Tai yra iš dešinės į kairę

dir = "ltr">Tai yra iš kairės į dešinę

• kontekstinis meniu

Šis atributas leidžia mums apibrėžti meniu elementų kontekstą. Jie rodomi ekrane, kai vartotojas juos taip suaktyvina, pavyzdžiui, kai dešiniuoju pelės mygtuku spustelėkite elementą.

• tempiamas

Atributas tempiamas yra HTML5 palaikymo dalis vilkite ir numeskite ir naudojamas nurodyti, kada elementą galima vilkti.

• išmetimo vieta

Atributas išmetimo vieta yra HTML5 palaikymo dalis vilkite ir numeskite y yra vilkimo atributo atitikmuo, kuris buvo paaiškintas aukščiau.

• paslėptas

Atributas paslėptas Tai loginis atributas, nurodantis, kad elementas nėra svarbus, todėl jis vizualiai dokumente nebus. Naršyklės aiškina šį atributą taip, kad elementas būtų paslėptas nuo vartotojo. Pažvelkime į jo pavyzdį:

Pavyzdys
Perjungti



paslėptas>

Yam	Miestas
Adomas Freemanas	Londonas
Džo Smitas	Niujorkas
Anne Jones	Paryžius

Šiame pavyzdyje mes apibrėžiame lentelę, kurioje yra tr elementas, vaizduojantis eilutę, kurioje yra paslėptas atributas. Be to, mes apibrėžiame mygtuką, kurį paspaudus įjungiama „Javascript“ funkcija perjungtiSlėptas kuris pašalina paslėptą atributą.

• eiti

Vienas iš labiausiai žinomų atributų yra eiti, kuris leidžia elementui priskirti unikalų identifikatorių. Šie identifikatoriai dažniausiai naudojami kuriant elementą arba pasirenkant elementą naudojant „Javascript“. Pažvelkime į pavyzdį, kaip mes naudojame atributą id elemento stiliui.

Pavyzdys

id = "w3clink"href =" http://w3c.org "> W3C svetainė

• Rašybos tikrinimas

Atributas Rašybos tikrinimas naudojamas nurodyti, ar naršyklė turėtų patikrinti tam tikro turinio sintaksę. Šio atributo naudojimas yra prasmingas tik tada, kai jis taikomas elementui, kurį vartotojas gali redaguoti.
Pažiūrėkime pavyzdį:

Pavyzdys
rašybos tikrinimas = "tiesa"> Tai klaidingas tekstas

• stilius

Atributas stilius leidžia mums tiesiogiai apibrėžti CSS stilių elemente, matome:

Pavyzdys
style = "fonas: pilka; spalva: balta; paminkštinimas: 10 taškų">
Apsilankykite „Apress“ svetainėje

• tabindex

Šis atributas leidžia mums kontroliuoti elementų židinių tvarką, kai juos pasiekiame per lentelės klavišą.
Pavyzdys
Yam: tabindex = "1"/>

Miestas: tabindex = "- 1"/>

Šalis: tabindex = "2"/>

tabindex = "3"/>

Mes galėjome sužinoti viską apie atributus ir kaip jie gali būti pritaikyti mūsų HTML dokumento elementams. Taip siekiama išplėsti jo funkcionalumą taip, kad jis prisitaikytų prie mūsų svetainės poreikių.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką