Erinevus DIV ja SPAN vahel

ja on HTML-sildid, mis määravad HTML-koodi elemendid.

HTML (Hüperteksti märgistuskeel) on struktureeritud kood, mida kasutatakse veebis igapäevaselt külastatavate veebilehtede loomiseks ja kuvamiseks mis tahes seadmes.

Muud tehnoloogiad ja programmeerimiskeeled saab HTML-iga integreerida, et pakkuda veebisaidil dünaamilisi ja täiustatud funktsioone.

HTML-i mõistmine

Hüperteksti märgistuskeel (HTML) on laialt kasutatav märgistuskeel ja see viitab veebibrauseri kuvatava veebilehe "struktuuri ja koodile".

HTML on tekstifail, milles kasutatakse konkreetse koodi (süntaksi) abil lehe stiili, sisu, paigutust ja vormingut. Märgistus termin tähistab teksti / koodi ettevalmistamist töötlemiseks ja esitamiseks, st veebilehel, veebibrauseris.

World Wide Web Consortium (W3C) [i] tunneb HTML-i ametliku märgistuskeelena veebilehtede arendamisel ja seetõttu toetab HTML enamikku brausereid. Nii saab veebisaite arendada tunnustatud keeles, mida erinevad brauserid saavad hõlpsalt tõlgendada, et muuta leht kujundaja kavandatud viisil.

Praegu kasutatav versioon on endiselt HTML4, kuid see järk-järgult kaotatakse, kuna HTML5 saab dünaamiliste ja reageerivate veebilehtede jaoks rohkem tuge ja vastuvõtmist.

Vastuvõtlikkusest on saamas veebiarenduse põhikomponent, et pakkuda lihtsamat ja dünaamilisemat kasutajakogemust, mida tuleb kasutada mitmetes seadmetes nagu nutitelefonid, tahvelarvutid ja sülearvutid.

Kaskaadlaadi lehed (CSS) on muutumas dünaamiliste ja tundlike lehtede loomise lahutamatuks osaks. See on eraldi fail, mis määratleb atribuudid igale elemendile, näiteks font, värv, joondus - seega pole arendajal iga HTML-koodis kasutamise korral elemendi stiili näidata.

HTML-i põhistruktuur

Mis tahes arenduskeelest maksimumi saamiseks on stabiilse, sihipärase ja visuaalselt atraktiivse veebisisu pakkumisel võtmetähtsusega standardsest failistruktuurist kinnipidamine ja parima süntaksi kasutamise kaalumine..

HTML-lehe struktuur on määratletud elementidega (nimetatakse ka siltideks). HTML-koodi kirjutamisel kuvatakse need elemendid paarikaupa - see tähendab, et iga silt vajab avamist ja sulgemist. Algus ja lõpp.

Element avatakse süntaksiga: ja suletud.  / kaldus joon tähistab selle elemendi määratluse lõppu.

Elemendi atribuudid ja sisu on määratletud nende kahe punkti vahel.

minimaalsed elemendid HTML-faili jaoks on vaja määratlust,, (ainult HTML4) ja silte.

• DOCTYPE määratlus

Definitsioon (DTD) tuleb esmalt deklareerida HTML-faili esimese sildina, nii et lehe töötlemisel teab veebibrauser, mis tüüpi fail see on, ja saab seetõttu lehte õigesti tõlgendada ja kuvada.

HTML4-s on DTD variatsioone (sõltuvalt lehe atribuutidest ja elementidest), kuid tüüpilisemad väited lisatakse järgmiselt:

või

DTD HTML5-is on palju lihtsam:

· HTML, HEAD ja BODY

• Silt näitab, et see on HTML-fail ja see on HTML-i elemendi juur, mis sisaldab kõiki teisi selles määratletud järgnevaid elemente; ning parimate tavadena on soovitatav lisada keeleatribuut; näiteks:

• See on HTML4-s kohustuslik, kuid HTML5-s mitte kohustuslik. See on element, mis sisaldab muid selle dokumendi osa jaoks olulisi elemente, nagu pealkiri, viiteskriptid, määratlevad stiilid ja metaandmed. Enne määratlemist tuleb kasutada suletud silti 
• Element sisaldab lehe peamist sisu, sealhulgas tabeleid, piltide teksti, loendeid jne. Pärast sildi sulgemist võib element nüüd lõppeda. Uue HTML5 elemendi kasutamine on lehe või sisu mõne muu osa puhul valikuline.

HTML-elemendid

HTML5 on arenduse ja kujundamise hõlbustamiseks tootnud uusi elemente ning eemaldanud ka HTML4-s kasutatavad elemendid. HTML4 ja HTML5 erinevuste loetelu avaldab veebikonsortsium (W3C) [ii].

HTML DIV TAG

Koos täiustuste ja uute elementidega koos CSS-i edusammudega saab teatud elemente kasutada senisest erinevatel, parematel viisidel ning veebilehed muutuvad kiiremaks, funktsioonirikkamaks ja ilusamaks! koos CSS-iga võib HTML5-ga kasutatav asendada teatud elemente, mida on liiga palju kasutatud, nt .

Silt on lehe sisu lahutamisel populaarne. Selle elemendi loomisel lisab see automaatselt pausi
teksti või sisu koos hoidmiseks, selle asemel, et teksti kogu lehel liigutada.

Veebisaidi juurdepääsetavuse ja otsimootori optimeerimisega on tehnikad muutumas üsna teaduseks ja WC3 soovitab, et nad ei peaks HTML5-s alati kasutama.

Korralikult üles ehitatud, kuid lihtsa ajaveebivormingu näitena kaaluge elemendi kasutamise asemel uusi HTML5 elemente CSS-iga; kasutage elementi põhisisu jaoks, elementi mis tahes sisu esile tõstmiseks või eraldamiseks lehel, päises või jaluses (kõikjal!) ning elementi saab kasutada menüü või rühmalinkide hoidmiseks lehelt sirvimiseks.

Need uued elemendid tuvastavad HTML5 abil hõlpsalt sisutüübi. Kuid silti kasutatakse CSS-is ka reageerivate veebisaitide loomiseks.

Iga elemendi (oma ID või klassiga) loomisel saab CSS-faili määratleda iga elemendiga manipuleerimiseks.

Allolevas HTML-i näites on näide mitme elemendi kasutamisest:

Minu näited

Elementidel võivad olla erinevad atribuudid, konkreetselt erineva suurusega reageeriv suhtlus, sõltuvalt kasutatava seadme ekraani suurusest.

Siin on näide, kuidas iga elementi saab HTML-i vastavas CSS-failis stiileerida - viidates igale sildile.

#Header

laius: 800 pikslit;

kõrgus: automaatne

veeris-vasak: auto;

veeris-vasak: auto;

#Featured

kõrgus: 150 pikslit;

Taustavärv: #CCC;

HTML SPAN TAG

Element on sisemine element ja ei purune ridadeks, välja arvatud juhul, kui purunemine
kasutatakse silti ning avatud ja suletud siltide vahel määratletud tekst (sisu) kuvatakse real (vaikimisi ilma muid elemente kasutamata).

Siseelemendid on HTML-faili tekstielemendid ja neid saab määratleda mõne muu elemendi reas.

Nagu elemendil pole tähendus optimaalseks viitamiseks. Põhimõtteliselt näitab see elementide sisu sellisena, nagu see on, kuid CSS-is saab stiilinäidiseks määratleda kõik esinemisjuhud, kui need on õigesti märgistatud ja muude atribuutidega rikastatud või JavaScriptiga manipuleeritud.

Allolevas näites rõhutatakse sinises tekstis, kuidas span-elementi saab pesastada ristselemendina, millel on erinevad atribuudid kui vanem-elemendil - punkt p>:

Näite avamiseks klõpsake lehe allosas asuvat ikooni.

Veebibrauseris vaadates kuvatakse ülaloleva elemendi tekst lõigust erinevas kirjas, et rõhutada, kuhu kasutaja peab näitele juurdepääsu saamiseks klõpsama.

Pange tähele, et HTML4 ja HTML5 vahel pole erinevusi.