HTML-i ulatuse märgendi kirjeldus: mis see on, kuidas seda kasutada, funktsioonid

Interneti-turundus

Sisukord:

HTML-i ulatuse märgendi kirjeldus: mis see on, kuidas seda kasutada, funktsioonid
HTML-i ulatuse märgendi kirjeldus: mis see on, kuidas seda kasutada, funktsioonid
Anonim

Teabe esitamine kaasaegse hüperteksti idee kaudu on sisuliselt absurdne, kuid nii see toimib. Sellele ei saa vaielda ja sa pead sellega arvestama.

Kaasaegse programmeerimiskeele seisukoh alt pole vahet, kuidas andmed on kujutatud: ranged tüübid ja kohustuslik eelkirjeldus või tüübid puuduvad ja vajalik kirjeldus on “mõeldud läbi” keel ise algoritmi täitmise ajal.

Oluline märkus: kõike, mida brauser, JavaScript või serveripoolne keel ei mõista, ei käivitata. Plokkmärgend võib teatud asjaoludel "muutuda" tekstisiseseks sildiks, kuid tekstisisene silt ei saa plokksildiks.

HTML-lehe loogika

Ajalooline näide on HTML-fondi märgend. Seda on "ei soovita" pikka aega. Motivatsioon "ei ole soovitatav" on kaasaegse programmeerimise iseloomulik tunnus. Puudub "üles" koodi ühilduvus erinevates versioonides ja stabiilsus puudubKa tarkvarakomponentide ja -kontseptsioonide versioonide järjepidev arendamine.

Kaasaegne programmeerimine
Kaasaegne programmeerimine

Tõepoolest, HTML-i span-märgend on palju praktilisem: see ei puuduta ainult fonti. Span võib muuta konkreetse sisu paljusid kuvamis- ja kasutusatribuute.

Stringid on alati olnud kõigi andmete esmane esitus, kuid programmeerimiskeeled ei määratlenud seda alati süntaksis ja programmeerijad teadsid, et kasutatud arv või tõeväärtus on alati string.

Hüperteksti absurdsus ja objektiivsus HTML-i juurutamisel: küljendus on siltide komplekti (paaris või üksiku) kasutamine sisu (andmete) formaalseks kirjeldamiseks. Ei kirjeldust ega sisu ei saa mõistlikult informatsiooniks nimetada. Esimene on mingi raam, mis sisaldab sisu – andmeid.

Raam on ehitatud jäig alt fikseeritud tellistest (siltidest), mis hõivavad struktuuris rangelt määratletud kohad, ja suhtelistest elementidest, mis on paigutatud "kaardi langemisel".

Jäik raam ja dünaamika
Jäik raam ja dünaamika

Lehe saab jagada tabelite või plokielementidega andmete kuvamise osadeks ning saadud struktuuri saab "täita" andmetega muude siltidega. Tavaliselt nimetatakse neid tekstisiseseks, see tähendab, et need on paigutatud nii, nagu praegune võimalus ja praegune sisu määravad.

HTML-i ulatuse näide: mis see on ja kuidas seda kirjeldada

Roheline kast on näide koodist, mille brauser renderdas hallil taustal. Ploki div element sattus teksti keskele, mis sissekood järgib teda. Esimene element oli scSpanLine klassiga silt. Seejärel paigutati tekst, kuhu valiti kaks osa sellest tekstist koos scSimpleSpan klassiga span märgendiga.

Teine ja kolmas rea element asetsevad täpselt nii, nagu koodis on kirjutatud.

span märgendi näide
span märgendi näide

See näide näitab, kuidas ulatus HTML-is töötab. On ilmne, et see on vaid andmete jada. Midagi muud pole ilmne: arendaja võib seda silti kirjeldada nii, nagu talle meeldib, ta võib isegi rakendada reeglit:

POSITSIOON: absoluutne;

Mõju ei ole. Ka koordinaatide ja mõõtmete määramine ei mängi mingit rolli. HTML-i ulatuse tsentreerimine või joondamine on mõttetu. Samal ajal on silt väga praktiline ja praktikas nõutud. See on väga mugav ümbris üldise andmevoo olulise hetke esiletõstmiseks.

Peamine asi, mida mõista, on see, et HTML-i ulatus on viis stringi kuva muutmiseks või stringi osa kuvamise reeglite täpsustamiseks.

Loogika tekstisisese teabe esitamiseks

HTML-i andmekirjelduskeele kasutamine ettenähtud eesmärgil, st andmete kirjeldamiseks, on eilne päev. Serveripoolse keele kasutamine lehe sisu moodustamiseks on kaasaegne ja seda teevad "kõik" arendajad. See meeldib eriti sisuhaldussüsteemidele (CMS).

Reaalajas saitide loomise tegelik praktika ja vajadus on leheraami ja selle sisu dünaamiline haldamine. Selles mõttes võimaldab HTML-i span-märgend (mis on lihts alt dünaamiline) JavaScripti tulemusel luua dünaamilist sisu käigupe alt.

JavaScript töötab nagulähteallikast vormindatud teksti muundur ja lisab nõutavad sildid koos nõutavate CSS-reeglitega väljundvoogu, mis jaotatakse üle lehe plokkide elementide raamistiku.

Plokk ja tekstisisene paigutus
Plokk ja tekstisisene paigutus

Mida kõrgem on arendaja professionaalsus, seda suurem on ploki- (või tabeli) lehepaigutus ja seda vähem on staatilisi ulatusmärgendeid HTML-is. Mida see annab? dünaamika. JavaScript on algoritm, mis suudab töötada sissetuleva stringivooga ja kuvada seda nii, nagu arendaja kavatses. Laiusesildid ilmuvad õigel ajal õiges kohas.

Populaarne teema