HTML5 - dokumentu un atribūtu izveide

HTML5 - dokumentu un atribūtu izveide

Šī ir vismazāk interesanta daļa, taču bez šaubām tā ir viena no kritiskākajām. Katrs dokuments HTML izmanto vismaz daļu no šiem elementiem un dažreiz visus, tāpēc nav sāpīgi, ka mēs zinām, kā tos pareizi izmantot dokumentu veidošanai HTML5 pareizi un vispārīgi.
Dokumenta tipa elementi
Sāksim ar tipa elementiem dokuments. Šie ir bloki, kas veido mūsu dokumentu HTML un nosaka pārlūkprogrammas sākotnējo kontekstu.
Doctype elements
Elements doktips tas ir unikāls savā kategorijā. Ir laba prakse sākt katru dokumentu HTML ko veidojam ar tipa elementu doktips. Šis ir elements, kas norāda pārlūkprogrammai, ar ko tā tiks galā HTML.
Lielākā daļa pārlūkprogrammu joprojām rādīs mūsu saturu pareizi, ja izlaidīsim doktips, bet ir slikta prakse uzticēties pārlūkprogrammai šādi rīkoties.
Pareiza sintakse tipa elementa piemērošanai doktips ir nākamais:
Html elements
Šo elementu lielākoties sauc par saknes elementu, un tas norāda HTML sākumu mūsu dokumentā.
Sintakse ir šāda:


Saturs un elementi šeit

Galvas elements
Elements galvu Tajā ir visi dokumenta metadati. In HTML, metadati pārlūkprogrammai sniedz informāciju par dokumenta saturu un iezīmēm, bet papildus mēs varam iekļaut skriptus un atsauces uz ārējiem resursiem, piemēram, stila lapām CSS.
Sintakse dokumentā ir šāda:



Sveiki


Ķermeņa elements
Šis elements ietver dokumenta saturu HTML, ir pretstats galvenajam elementam, kas ietver dokumenta metadatus un informāciju. Elements ķermenis tas vienmēr seko galvas elementam, kas nozīmē, ka tas ir otrais bērns saknes html elementa struktūrā.
Apskatīsim tā sintaksi:

Piemērs

man patīk āboli un apelsīniem.

Metadatu tipa elementi
Metadatu tipa elementi ļauj mums sniegt informāciju par dokumentu HTML. Tie paši par sevi nav apmierināti, bet sniedz informāciju par saturu, kas tiem sekos. Galvas elementam tiek pievienoti tipa metadatu elementi.
Nosakot mūsu dokumenta nosaukumu
Elements titulu iestatiet mūsu dokumentam nosaukumu vai nosaukumu. Pārlūkprogrammas parasti parāda šī elementa saturu loga vai cilnes augšdaļā.
Apskatīsim, kā mēs to pievienojam savai struktūrai:

Piemērs

man patīk āboli un apelsīniem.

Relatīvo URL pamatu iestatīšana
Pamata elements fiksē a URL bāze, kurā ir kādas relatīvās saites, kas ietvertas dokumentā HTML tiks atrisināts. Relatīvā saite ir saite, kurā netiek izlaists URL protokols, resursdators un ports un tiek salīdzināts ar citu URL. Pamata elements arī norāda, kā tiek atvērtas saites, kad lietotājs uz tām noklikšķina, un kā pārlūkprogramma rīkojas pēc veidlapas ievadīšanas.
Iepazīstoties ar dokumenta būtiskajiem elementiem, mēs varam pabeigt tikai ar pārējiem elementiem, kas darbojas metadatiem, un tādējādi izveidot dokumentu HTML ir pareizs, un to jebkurā pārlūkprogrammā var interpretēt vislabākajā veidā.
Atribūti

• rež

Atribūts rež norāda elementā esošā teksta virzienu. Atbalstītās vērtības tam ir:

• ltr (teksts no kreisās uz labo)
• rtl (teksts no labās uz kreiso)

Apskatīsim vienkāršu tā piemērošanas piemēru:

Piemērs

dir = "rtl"> Tas ir no labās uz kreiso

dir = "ltr">Tas ir no kreisās uz labo

• konteksta izvēlne

Šis atribūts ļauj mums definēt izvēlņu elementu kontekstu. Tie parādās ekrānā, kad lietotājs tos aktivizē, piemēram, kad mēs ar peles labo pogu noklikšķiniet uz elementa.

• vilkams

Atribūts vilkams ir daļa no HTML5 atbalsta velciet un nometiet un tiek izmantots, lai norādītu, kad elementu var vilkt.

• dropzone

Atribūts dropzone ir daļa no HTML5 atbalsta velciet un nometiet y ir iepriekš izskaidrotā atvelkamā atribūta ekvivalents.

• paslēptas

Atribūts paslēptas Tas ir Būla atribūts, kas norāda, ka elements nav atbilstošs, tāpēc tas vizuāli dokumentā nebūs redzams. Pārlūkprogrammas interpretē šo atribūtu tādā veidā, kas paslēpj vienumu no lietotāja skata. Apskatīsim tā piemēru:

Piemērs
Pārslēgt



paslēptas>

Yam	Pilsēta
Ādams Frīmens	Londona
Džo Smits	Ņujorka
Anne Jones	Parīze

Šajā piemērā mēs definējam tabulu, kurā ir tr elements, kas apzīmē rindu, kurā atrodas slēptais atribūts. Turklāt mēs definējam pogu, kas, nospiežot, izsauc Javascript funkciju pārslēgtSlēpts kas noņem slēpto atribūtu.

• iet

Viens no pazīstamākajiem atribūtiem ir iet, kas ļauj elementam piešķirt unikālu identifikatoru. Šos identifikatorus parasti izmanto, lai veidotu elementu vai atlasītu elementu, izmantojot Javascript. Apskatīsim piemēru, kā mēs izmantojam atribūtu id, lai veidotu elementu.

Piemērs

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

• pareizrakstības pārbaude

Atribūts pareizrakstības pārbaude tiek izmantots, lai norādītu, vai pārlūkprogrammai ir jāpārbauda kāda satura sintakse. Šī atribūta izmantošanai ir jēga tikai tad, ja tas tiek piemērots elementam, kuru lietotājs var rediģēt.
Apskatīsim piemēru:

Piemērs
pareizrakstības pārbaude = "taisnība"> Tas ir nepareizs teksts

• stils

Atribūts stils ļauj mums definēt CSS stilu tieši elementā, mēs redzam:

Piemērs
style = "fons: pelēks; krāsa: balta; polsterējums: 10 pikseļi">
Apmeklējiet Apress vietni

• tabindex

Šis atribūts ļauj mums kontrolēt elementu fokusa secību, kad tiem piekļūstam, izmantojot tabulas taustiņu.
Piemērs
Yam: tabindex = "1"/>

Pilsēta: tabindex = "- 1"/>

Valsts: tabindex = "2"/>

tabindex = "3"/>

Mēs esam spējuši uzzināt visu par atribūtiem un to, kā tos var piemērot elementiem mūsu HTML dokumentā. Tas tiek darīts, lai paplašinātu tā funkcionalitāti tā, lai tā pielāgotos mūsu vietnes vajadzībām.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu