Skirtumas tarp DIV ir SPAN

ir yra HTML žymės, apibrėžiančios HTML kodo elementus.

HTML (Hiperteksto žymėjimo kalba) yra struktūrizuotas kodas, naudojamas kurti ir rodyti tinklalapius, kuriuos lankome kasdien, bet kuriame įrenginyje..

Kitos technologijos ir programavimo kalbos gali būti integruotos į HTML, kad svetainėje būtų teikiamos dinamiškos ir patobulintos funkcijos.

HTML supratimas

Hiperteksto žymėjimo kalba (HTML) yra plačiai naudojama žymėjimo kalba ir nurodo tinklalapio struktūrą ir kodą „už“, rodomą žiniatinklio naršyklėje..

HTML yra tekstinis failas, kuriame naudojamas konkretus kodas (sintaksė), norint apibrėžti puslapio stilių, turinį, išdėstymą ir formatą. Žymėjimas terminas reiškia, kad tekstas / kodas yra ruošiami apdorojimui ir pateikimui, ty tinklalapyje, interneto naršyklėje.

Pasaulinio žiniatinklio konsorciumas (W3C) [i] atpažįsta HTML kaip oficialią žymėjimo kalbą kuriant tinklalapius, todėl HTML palaiko dauguma naršyklių. Taigi, tinklalapius galima kurti suprantama kalba, lengvai interpretuojamus įvairiose naršyklėse, kad puslapis būtų pateiktas taip, kaip sumanė dizaineris..

Dabartinė vis dar naudojama HTML4 versija, tačiau ji pamažu nutraukiama, nes HTML5 įgauna daugiau palaikymo ir pritaikymo dinaminiams ir jautriems tinklalapiams..

Atsakomumas tampa pagrindine žiniatinklio kūrimo sudedamąja dalimi, siekiant suteikti lengvesnę ir dinamiškesnę vartotojo patirtį, kurią reikia pritaikyti keliuose įrenginiuose, tokiuose kaip išmanieji telefonai, planšetiniai kompiuteriai ir nešiojamieji kompiuteriai..

Kaskadiniai stiliaus lapai (CSS) tampa neatsiejama dinamiškų ir reaguojančių puslapių kūrimo dalimi. Tai yra atskiras failas, apibūdinantis kiekvieno elemento atributus, tokius kaip šriftas, spalva, lygiavimas - taigi kūrėjas neturi nurodyti elemento stiliaus kiekvieną kartą, kai jis naudojamas HTML kode..

Pagrindinė HTML struktūra

Norint gauti maksimalią naudą iš bet kokių kūrimo kalbų, norint pateikti stabilų, tikslingą ir vizualiai patrauklų žiniatinklio turinį, svarbiausia yra laikytis standartinės failų struktūros ir atsižvelgti į geriausią sintaksės naudojimą..

HTML puslapis turi struktūrą, apibrėžtą elementais (dar vadinamomis žymomis). Rašant HTML kodą, šie elementai parodomi poromis - tai reiškia, kad kiekvieną žymą reikia atidaryti ir uždaryti. Pradžia ir pabaiga.

Elementas atidaromas naudojant sintaksę: ir uždarytas su.  / pasvirusi linija nurodo to elemento apibrėžimo pabaigą.

Tarp šių dviejų taškų yra apibrėžti elemento atributai ir turinys.

būtiniausi elementai HTML failui reikalingi apibrėžimai, (tik HTML4) ir žymos.

• DOCTYPE apibrėžimas

Apibrėžtis (DTD) pirmiausia turi būti deklaruojama kaip pirmoji HTML failo žyma, taigi, kai apdorojamas puslapis, interneto naršyklė žino, kokio tipo failas tai yra, todėl gali teisingai interpretuoti ir parodyti puslapį..

HTML4 yra DTD variantų (atsižvelgiant į puslapio atributus ir elementus), tačiau tipiškesni teiginiai būtų pateikiami taip:

arba

DTD HTML5 yra daug paprastesnis:

· HTML, GALVA ir KŪNAS

• Žyma rodo, kad tai yra HTML failas, ir tai yra HTML elemento, kuriame yra visi kiti vėlesni jame apibrėžti elementai, šaknis; kaip geriausia praktika rekomenduojama įtraukti kalbos atributą; pavyzdžiui:

• Būtinas HTML4, bet neprivalomas HTML5. Tai yra elementas, kuriame yra kiti su šia dokumento dalimi susiję elementai, pavyzdžiui, pavadinimas, nuorodų scenarijai, apibrėžiantys stilius ir metaduomenis. Prieš apibrėždami. Turi būti naudojama uždara žyma 
• Elementas laiko pagrindinį puslapio turinį, įskaitant lenteles, paveikslėlių tekstą, sąrašus ir pan. Uždarius žymą, elementas dabar gali baigtis. Puslapyje ar kitoje turinio dalyje neprivaloma naudoti naujojo HTML5 elemento.

HTML elementai

HTML5 sukūrė naujus elementus, kad būtų lengviau kurti ir projektuoti, taip pat pašalino HTML4 naudojamus elementus. HTML4 ir HTML5 skirtumų sąrašą skelbia internetinis konsorciumas (W3C) [ii].

HTML DIV TAG

Kartu su patobulinimais ir naujais elementais, kartu su CSS patobulinimais, kai kuriuos elementus galima naudoti skirtingais, geresniais būdais nei anksčiau, o tinklalapiai tampa greitesni, turtingesni funkcijomis ir gražiai žiūrimi! naudojant CSS, naudojamas su HTML5, gali pakeisti tam tikrus elementus, kurie buvo pernelyg naudojami, pvz .

Žyma yra populiari, kai reikia atskirti puslapio turinį. Kurdamas šį elementą jis automatiškai įterpia pertrauką
laikyti tekstą ar turinį kartu, o ne perkelti tekstą į puslapį.

Dėl svetainės prieinamumo ir paieškos sistemų optimizavimo, metodai tampa gana mokslu ir rekomenduojami WC3, kad jie ne visada grįžtų prie naudojimo HTML5.

Kaip tvarkingai struktūruoto, bet paprasto tinklaraščio formato pavyzdį, užuot naudodami elementą, apsvarstykite naujus HTML5 elementus su CSS; naudokite elementą pagrindiniam turiniui, elementą norėdami paryškinti ar atskirti bet kokį turinį puslapyje, antraštėje ar poraštėje (bet kurioje vietoje!), o elementas gali būti naudojamas palaikyti meniu ar grupių nuorodas naršyti iš puslapio.

Šie nauji elementai lengvai identifikuoja turinio tipą naudodami HTML5. Tačiau žyma taip pat naudojama CSS kuriant reaguojančias svetaines.

Kuriant kiekvieną elementą (su savo ID ar klase), CSS failą galima apibrėžti, kad būtų galima manipuliuoti kiekvienu elementu.

Žemiau pateiktas HTML pavyzdys rodo kelių elementų naudojimo pavyzdį:

Mano pavyzdžiai

Elementai gali turėti skirtingus atributus, ypač skirtingus reaguojančios sąveikos dydžius, atsižvelgiant į naudojamo prietaiso ekrano dydį.

Čia yra pavyzdys, kaip kiekvienas elementas gali būti stilizuotas atitinkamame HTML CSS faile - nurodant kiekvieną žymą.

#Header

plotis: 800 pikselių;

aukštis: auto

paraštė-kairė: auto;

paraštė-kairė: auto;

#Featured

aukštis: 150 taškų;

Fono spalva: #CCC;

HTML SPAN TAG

Elementas yra įtrauktas elementas ir neskaidomas į linijas, nebent pertrauka
naudojama žyma, o apibrėžtas tekstas (turinys) tarp atvirų ir uždarų žymų rodomas kaip eilutė (pagal numatytuosius nustatymus nenaudojant kitų elementų).

Įterpti elementai yra HTML failo teksto elementai ir juos galima apibrėžti kito elemento eilutėje.

Kaip, elementas neturi prasmė optimaliam orientavimui. Iš esmės elementų turinys parodytas toks, koks yra, tačiau CSS gali būti apibrėžti stilizuojant visus pavyzdžius, jei jie pažymėti teisingai ir praturtinti kitais atributais arba manipuliuojami „JavaScript“..

Žemiau pateiktame pavyzdyje mėlynas tekstas pabrėžia, kaip ilgio elementą galima įterpti kaip įdėtinį elementą, turintį kitokius požymius nei jo pradinį elementą - pastraipa p>:

Norėdami atidaryti pavyzdį, spustelėkite piktogramą puslapio apačioje.

Peržiūrimas interneto naršyklėje aukščiau esančio elemento tekstas bus rodomas kitu šriftu nei pastraipa, kad būtų pabrėžta, kur vartotojas turi spustelėti norėdamas pasiekti pavyzdį..

Atminkite, kad HTML4 ir HTML5 nėra skirtumų.