Internets, Web Design

Bloķēt izkārtojums div HTML tagi

Pat daži desmit gadus atpakaļ Runet visbiežāk izmanto tā dēvēto tabulu izkārtojumu. Sakarā ar to, ka standarti dažās pārlūkprogrammās bija būtiski atšķiras viena no otras, mums nācās meklēt risinājumu, kas būtu pienācīgi parādīt tiešsaistes dokumentu visiem pieteikumiem. Bet, tā kā laika devās, izstrādājot standartus, un lai aizstātu diezgan stingrs un neelastīga galda nāca labu un atsaucīgu mainīgo bloku izkārtojumu. Pēc priekšgalā šīs tehnoloģijas ir, izmantojot elementu

princips. HTML-dokumentu vairākumā tika veidota, balstoties uz atsevišķu bloku, kas, atšķirībā no galda izkārtojums var būt neatkarīgs no otra.

rašanās

Pieaugošā sarežģītība Web lapas un attīstība datortehnoloģiju ir novedusi pie tā, ka web dokuments ir sadalīts divās daļās - rāmja (HTML kods) un dizainu (stila lapas). Ar šo panākt nepieredzētu attīstību internetā, rezultāti, kas mums tagad ir iespēja vērot lielākajā daļā vietņu. Papildus uzlabošanai

HTML izstrādes procesā atļauts noteikt par katru atsevišķu to dizainparaugu noteikumus elementu. Tas palīdzēja uzlabot lasāmību tīmekļa lapas un samazināt dokumentu lejupielādes laiku. Tagad meklētājprogrammās daudz ātrāk un labāk apstrādāt informāciju, kas pieejami mājas lapā.

Standarti un validācija

tagu HTML izmanto stingrā saskaņā ar W3C standartiem (World Wide Web Consortium). lapas avotu pārbaude rīkoja īpašu instrumentu - to validators, kas parses (skenē un meklējumus) visas kļūdas lapā veidus. Lapa ir spēkā nozīmē, ka visi tagi ir izmantoti pareizi un pilnībā atbilst standartu prasībām.

tags ļauj jums izveidot blokus, vai kā tos sauc konteineriem. Individuālās elementi var ligzdot, tādējādi radot nepieciešamo struktūru un konfigurācijas sarežģītību. Izmantojot
tagu bez pavadoņa klases identifikatoru vai praktiski nenotiek. To izraisa "sejas" elements. Ja viņš nav piešķirt pakāpi, galu galā, visi konteineri būs identisks konfigurāciju.

Lai radītu patiesi pareizu dokumentu, jums ir izmantot šādu tagu struktūru

class = «a to_imya". Ieslēgšana nosaukuma klasi ar stilu, jūs varat noteikt atrašanās vietu, lielumu un citus parametrus summējot vienotu bloku dokumentā.

Izmantojot nodarbības un ID

Bloķēt

HTML var definēt kā identifikatoru id, klasi un klasi. Atšķirībā no pirmā uz otro, ka id tiek lietots tikai vienu reizi dokumenta lapu. Tas ir, tas tiek izmantots, lai noteiktu unikālu elementi, kas nekad vēl atkārtojas lapas kodu. atribūts klase ļauj piemērot tādus pašus stila noteikumus vairākiem elementiem. Šī pieeja ievērojami vienkāršo attīstību un atbalstu kodeksam. Bez tam, viens objekts var būt vairākas klases. Pareizai atzīstot kopīgu telpu.

Protams, bloks dokumenta struktūra nenozīmē izmantot tikai vienu tagu

. Jebkuras mājas lapas struktūra vienmēr būs citi elementi. Turklāt, pats par sevi bloķēt
elementu var būt dažāda veida displeju. Tas tiek darīts, izmantojot rekvizītu displeju. Elements var būt virkne vai galda displejs, kas var ievērojami palielināt elastīgumu izmantošanas vienības un izveidot tīmekļa vietni, jebkuras konfigurācijas.

tagu. HTML īpašības

Kā jau minēts iepriekš, tag nemaina lapas izkārtojuma fragmentu un ko izmanto, lai izveidotu semantisku struktūru ar turpmākās reģistrācijas stila lapas. Izmantojot noslēdzošā taga šim elementam ir obligāta.

Neskatoties uz to, ka daudzi mūsdienu pārlūkprogrammās varēs atpazīt šādu kļūdu, dažos gadījumos, nenoslēgta tag var izraisīt "razvalivanie" dokumenta struktūra un tās redzamo neveiksmi.

Tā kā šis elements ir bloks, tad cik lielā mērā, ka tas ietver satura sāksies ar jaunu līniju. Lai mainītu šo rīcību, ir jāmaina displeja bloku parādot īpašuma parametrus. Bez grupēšana ligzdotām elementus

tags ļauj formatēt izkārtojumu saturu tajā. Tas izmanto līdzināšanas atribūts, caur kuru jūs varat ievietot tekstu vai attēlu uz kreiso, labo, vai centra mātes elementu.

pozicionēšanas bloki

Izmantojot pozīcijas atribūtu ļauj mainīt metodi pozicionēšanas izvēlēto objektu. Tātad, ir trīs veidu pozicionēšanas:

  • Static (statiskais) - noklusējuma. Tādā gadījumā elements ir saskaņā ar pozīciju HTML kodu.
  • Relatīvais (relatīvs). Šajā gadījumā, atrašanās vietu objekta aprēķina tādā pašā veidā, kā attiecībā uz statisko pozicionēšanu, bet šī funkcija ļauj mainīt pozīciju bērniem.
  • Absolute (absolūts). Viņa stāvoklis tiek aprēķināts attiecībā pret elementa ar relatīvo pozicionēšanu.

citi atribūti

top un pa kreisi atribūti tiek izmantoti, lai mainītu pozīciju attiecībā pret sākumpunkta. Vērtības var būt gan pozitīva, gan negatīva. Platums un augstums no bloka elementa raksturlielumi, kas noteikti platumu un augstumu, attiecīgi. Ja tie nav norādīts stila lapas, ierīce aizņem visā platumā mātes elementa. Ja bloks saturs neatbilst pāri "mātes" platumu, tad uzvedība elementa nosaka atribūtu pārpildes.

Mēs ceram, ka šis raksts ir palīdzējis tikt galā ar jautājumu par to, ko

HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 lv.atomiyme.com. Theme powered by WordPress.