Atšķirība starp DIV un SPAN

un ir HTML tagi, kas nosaka HTML koda elementus.

HTML (Hiperteksta iezīmēšanas valoda) ir strukturēts kods, ko izmanto, lai izveidotu un parādītu Web lapas, kuras mēs apmeklējam tiešsaistē, katru dienu, izmantojot jebkuru ierīci.

Citas tehnoloģijas un programmēšanas valodas var integrēt HTML, lai vietnē nodrošinātu dinamiskas un uzlabotas funkcijas.

Izpratne par HTML

Hiperteksta iezīmēšanas valoda (HTML) ir plaši izmantota iezīmēšanas valoda un attiecas uz tīmekļa lapas struktūru un kodu, kas tiek parādīts tīmekļa pārlūkā.

HTML ir teksta fails, kurā tiek izmantots noteikts kods (sintakse), lai definētu lapas stilu, saturu, izkārtojumu un formātu. Atzīmes termins norāda, ka teksts / kods tiek sagatavots apstrādei un noformēšanai, t.i., tīmekļa lapā, tīmekļa pārlūkprogrammā.

World Wide Web Consortium (W3C) [i] atzīst HTML kā oficiālu iezīmēšanas valodu tīmekļa lapu izstrādē, un tāpēc HTML atbalsta vairums pārlūkprogrammu. Tātad tīmekļa lapas var izveidot atzītā valodā, kuras dažādi pārlūkprogrammas var viegli interpretēt, lai lapu padarītu tādu, kā to paredzējis dizaineris.

Pašlaik izmantotā versija joprojām ir HTML4, taču tā lēnām tiek pārtraukta, jo HTML5 iegūst lielāku atbalstu un pieņemšanu dinamiskām un atsaucīgām tīmekļa lapām..

Atsaucība kļūst par būtisku tīmekļa attīstības sastāvdaļu, lai nodrošinātu vieglāku, dinamiskāku lietotāja pieredzi, kas ir jāapmierina vairākās ierīcēs, piemēram, viedtālruņos, planšetdatoros un klēpjdatoros..

Kaskādes stila lapas (CSS) kļūst par neatņemamu sastāvdaļu dinamisku un atsaucīgu lapu veidošanā. Tas ir atsevišķs fails, kas nosaka katra elementa atribūtus, piemēram, fontu, krāsu, līdzinājumu - tātad izstrādātājam nav jānorāda elementa stils katru reizi, kad tas tiek izmantots HTML kodā.

HTML pamatstruktūra

Lai gūtu maksimālu labumu no jebkuras attīstības valodas, stabila, mērķtiecīga un vizuāli pievilcīga tīmekļa satura nodrošināšanā galvenais ir ievērot standarta failu struktūru un ņemt vērā labāko sintakses izmantošanu..

HTML lapai ir struktūra, ko definē elementi (saukti arī par tagiem). Rakstot HTML kodu, šie elementi tiek parādīti pāros - tas nozīmē, ka katram tagam ir nepieciešama atvēršana un aizvēršana. Sākums un beigas.

Elements tiek atvērts ar sintakse: un slēgts ar.  / slīpa līnija norāda šī elementa definīcijas beigas.

Elementa atribūti un saturs ir definēti starp šiem diviem punktiem.

minimālie elementi HTML failam nepieciešami definīcija,, (tikai HTML4) un tagi.

• DOCTYPE definīcija

Definīcija (DTD) vispirms ir jādeklarē kā pirmais tags HTML failā, tāpēc, apstrādājot lapu, tīmekļa pārlūks zina, kāda veida fails tas ir, un tāpēc var pareizi interpretēt un parādīt lapu.

HTML4 ir dažādas DTD variācijas (atkarībā no lapas atribūtiem un elementiem), bet tipiskākos paziņojumus iekļauj šādi:

vai

DTD HTML5 formātā ir daudz vienkāršāks:

· HTML, HEAD un BODY

• Tags norāda, ka tas ir HTML fails, un šī ir HTML elementa sakne, kas satur visus citus tajā definētos turpmākos elementus; kā paraugprakse ir ieteicama valodas atribūta iekļaušana; piemēram:

• Šis ir nepieciešams HTML4, bet nav obligāts HTML5. Tas ir elements, kas satur citus elementus, kas attiecas uz šo dokumenta daļu, piemēram, virsrakstu, atsauces skriptus, stilu un metadatu definēšanu. Pirms noteikšanas ir jāizmanto slēgtā atzīme 
• Elements satur galveno lapas saturu, ieskaitot tabulas, attēlu tekstu, sarakstus utt. Kad tags ir aizvērts, elements tagad var izbeigties. Jaunā HTML5 elementa izmantošana lapā vai citā satura daļā nav obligāta.

HTML elementi

HTML5 ir izveidojis jaunus elementus, lai atvieglotu izstrādi un noformēšanu, kā arī ir noņemti HTML4 izmantotie elementi. Atšķirību sarakstu starp HTML4 un HTML5 publicē globālais tīmekļa konsorcijs (W3C) [ii].

HTML DIV TAG

Līdztekus uzlabojumiem un jauniem elementiem apvienojumā ar CSS uzlabojumiem noteiktus elementus var izmantot dažādos, labākos veidos nekā līdz šim, un tīmekļa lapas kļūst ātrākas, daudz bagātīgākas un skaistākas aplūkošanai! ar CSS, ko izmanto ar HTML5, var aizstāt noteiktus elementus, kas tika pārāk izmantoti, piemēram .

Tags ir populārs, nodalot lapas saturu. Veidojot šo elementu, tas automātiski ievieto pārtraukumu
saglabāt tekstu vai saturu kopā, nevis iet tekstu pa lapu.

Izmantojot vietņu pieejamību un meklētājprogrammu optimizāciju, paņēmieni kļūst par diezgan zinātnisku un WC3 ieteikto, lai tie ne vienmēr atgrieztos HTML5 lietošanā.

Kā piemēru glīti strukturētam, bet vienkāršam emuāra formātam ņemiet vērā jaunos HTML5 elementus ar CSS, nevis izmantojiet elementu; izmantojiet elementu galvenajam saturam, elementu, lai izceltu vai atdalītu jebkādu saturu lapā, galvenē vai kājenē (jebkur!), un elementu var izmantot, lai turētu izvēlni vai grupas saites, lai pārlūkotu no lapas.

Šie jaunie elementi viegli identificē satura tipu, izmantojot HTML5. Tomēr tagu izmanto arī CSS, lai izveidotu atsaucīgas vietnes.

Izveidojot katru elementu (ar savu ID vai klasi), CSS failu var definēt, lai manipulētu ar katru elementu.

Zemāk esošajā HTML piemērā parādīts vairāku elementu izmantošanas piemērs:

Mani piemēri

Elementiem var būt dažādi atribūti, īpaši atšķirīgi reaģējošas mijiedarbības izmēri, atkarībā no izmantotās ierīces ekrāna lieluma.

Šeit ir piemērs tam, kā katru elementu var ieveidot HTML attiecīgajā CSS failā - atsaucoties uz katru tagu.

#Header

platums: 800 pikseļi;

augstums: auto

margin-left: auto;

margin-left: auto;

#Featured

augstums: 150 pikseļi;

Fona krāsa: #CCC;

HTML SPAN TAG

Elements ir iekļauts elements un nedalās līnijās, izņemot pārtraukumu
tags tiek izmantots, un definētais teksts (saturs) starp atvērtiem un aizvērtiem tagiem tiek parādīts kā līnija (pēc noklusējuma, neizmantojot citus elementus).

Iekļautie elementi ir teksta elementi HTML failā, un tos var definēt cita elementa rindā.

Tāpat kā elementam nav nozīme optimālai atsaucei. Tas būtībā parāda elementa saturu tādu, kāds tas ir, bet visus gadījumus var definēt CSS stila veidošanā, ja tie ir pareizi marķēti un bagātināti ar citiem atribūtiem vai tiek manipulēti ar JavaScript.

Zemāk redzamajā piemērā zilajā tekstā ir uzsvērts, kā atskaites elementu var ligzdot kā iespraustu elementu ar atšķirīgiem atribūtiem nekā tā vecāka elementu - rindkopa p>:

Lai atvērtu piemēru, noklikšķiniet uz ikonas lapas apakšā.

Skatot tīmekļa pārlūkprogrammā, teksts augšējā elementa tekstā tiks parādīts atšķirīgā fontā, nevis rindkopā, lai uzsvērtu, kur lietotājam ir jānoklikšķina, lai piekļūtu piemēram..

Ņemiet vērā, ka starp HTML4 un HTML5 nav atšķirību.