Hva er HTML-strukturfunksjoner

HTML er uten tvil hovedspråket på Internett,stammer fra ham. På en eller annen måte er han involvert i opprettelsen og driften av hver webside på nettet. Uten å forstå hva HTML er og hvordan det fungerer, er det umulig å gjøre en kontinuerlig tekststrøm, som opprinnelig er noe dokument, til et strukturert, vakkert og brukervennlig nettsted.

HTML og World Wide Web

Forkortelsen er avledet fra engelskHyperText Markup Language setninger. Oversettelsen forklarer fullstendig hva HTML er - det er et markeringsspråk for hypertekst. Det dukket opp ved begynnelsen av utviklingen av Internett og var ment for utforming av websider som inneholder vitenskapelig og teknisk dokumentasjon, som spesielt må formateres riktig.

Tim Berners-Lee, skaperen av språket, foreslo detmed hjelpen vil det være enkelt å lage enkle, men forståelige dokumenter for utveksling mellom forskere fra forskjellige byer og land. Han utviklet et sett med beskrivelser - elementer som formaterer tekst. Vi kjenner dem nå som "tags".

For at HTML-teksten skal vises riktig, trenger dubehandler den. Dette gjøres av spesielle programmer - nettlesere. De mottar markeringssiden, tolker tagbeskrivelsene og viser teksten slik brukeren skal se den.

En veldig viktig del av språket, som er forståelig selv franavnet sitt er støtte for hypertekst. Dette betyr at noen HTML-sider kan inneholde lenker til andre. Kryssreferansesystemet var av spesiell betydning for vitenskapelige artikler, og tillot ikke å gå dypt inn i forklaringen på et komplekst begrep, men bare å sende leseren til tilsvarende kapittel, om nødvendig.

Språk utvikling

Etter hvert som et enkelt sett med koder var HTMLi begynnelsen av sin eksistens har den vokst og styrket seg. Nå er det mulig å legge inn multimediainnhold på en side, lage tabeller og kontrollere ordningen av bilder.

Den spontane utvidelsen av språket måtte dempes og tas under kontroll, visse standarder var nødvendige.

1995 - tidspunktet for vedtakelsen av den tredje versjonenspesifikasjoner og et vendepunkt i skjebnen til layoutdesignere. Moderne nettlesere på den tiden kunne ikke lenger sikre implementeringen av aksepterte standarder, improvisasjon og lagdeling begynte. Hver nettleser hadde sin egen mening om hva HTML er og hvordan spesifikke beskrivere skal tolkes.

Heldigvis har hovedkonfliktene mellom nettlesere nå blitt utjevnet, noe som sparer frontend-utviklere mye energi og nerver.

HTML5

Den femte standarden er relevant for 2018HTML, et utkast som dukket opp på slutten av 2007. Han introduserte mange nye elementer og attributter, med særlig vekt på semantikken til nettsider og deres tilgjengelighet for brukere med funksjonshemninger.

Språket fortsetter å utvikle seg og forbedre seg aktivt.

Grunnleggende om HTML

De viktigste HTML-strukturene er beskrivelser eller koder og enheter. Vanlig tekst behandlet med deres hjelp blir til et nettdokument.

Hypertext Markup-enheter er mnemoniske koder for spesielle Unicode-tegn som ikke er tilgjengelige på vanlige tastaturer.

Eksempler på enheter:

<	åpen vinkelfeste
>	lukkingsvinkelfeste
& larr;	tynn pil som peker mot venstre
uarr;	tynn pil som peker oppover

HTML-enheter starter med et ampersand,ender med semikolon og inneholder en lett å huske kode for tegnet. De er viktige fordi de lar deg vise tegn som ikke kan skrives direkte i HTML-kode.

Disse skiltene inkluderer for eksempel vinkelfester. På hypertekstmarkeringsspråk fungerer de som kodeidentifikatorer, og omgir beskrivelsesnavnet på begge sider.

HTML-koder

Tagger er de viktigste strukturelle komponentene i et nettdokument. De er beholdere med åpnings- og lukkedelene og innholdet i mellom.

Eksempel tag:

<i> tekst inne i taggen </i>

Dette er HTML-beskrivelsen ogsom definerer kursiv skrift. Bokstaven i er den første bokstaven i ordet kursiv. Han har:

• åpningsdel <i>;
• dekseldel </i>preget av tilstedeværelsen av en skråstrek;
• innhold som blir gjengitt i kursiv etter at det er blitt analysert av nettleseren.

De fleste beskrivere har samme struktur, men det er en liten gruppe med tomme koder.

Lang tekst som skal deles i flere linjer <br> for å forbedre lesbarheten.

stikkord <br> etter parsing blir den erstattet med en linjeskift. Den har ikke noe innhold, så det kreves ingen dekkende deler.

Følgende tagger er også tomme:

• <hr>betegner en tynn grå linje som skiller tekstblokker fra hverandre;
• <inngang>representerer en hel familie av interaktive formelementer;
• <img>koble bildefilen;
• et antall servicekoder - <meta>, <link>.

Beskrivelser kan være nestet i hverandre på et hvilket som helst antall nivåer. De eneste unntakene er tomme koder som ikke kan inneholde innhold.

Merk attributter

Av stor betydning når du oppretter nettdokumenter, er attributtene som er plassert i elementet for åpningskoden. En deskriptor kan ha en eller flere egenskaper, eller ingen i det hele tatt.

I de fleste tilfeller bruker du attributternoen aspekter av elementets atferd blir avklart, og noen ganger kan de endre den visuelle presentasjonen radikalt. En rekke egenskaper brukes til tjenesteformål, slik at du kan manipulere HTML-koder fra CSS eller JavaScript.

Attributtinnstilling:

Velg farge:  <input type = "checkbox" name = "red"> Rød  <input type = "avkrysningsrute" name = "gul" avkryset> Gul  <input type = "checkbox" name = "green"> Grønn

Her er en gruppe på tre interaktive <input> -elementer. Egenskap type definerer skjermen som avkrysningsruter, Navn inneholder navnet på et bestemt felt og eiendommen krysset av, uviktig, gjør den andre inngangen til standardinnstillingen.

Det er generiske attributter som kan defineres for en hvilken som helst deskriptor, og spesifikke attributter som er spesifikke for spesifikke koder.

Universelle egenskaper inkluderer: id, klasse, tittel.

Spesifikk - den nevnte typen, sjekket, samt src, href og en rekke andre.

Syntaksfunksjoner

Når du mottar en HTML-side, analyserer nettleseren den og kaster bort alle unødvendige elementer. Så, i de fleste tilfeller vil flere mellomrom og linjeskift ignoreres.

De følgende to kodebitene er helt identiske for nettleseren, selv om den ene inneholder mange sammenhengende mellomrom og er delt inn i linjer, og den andre ikke.

<!- første utdrag -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus-sønn, </b> annonse forsyn. </p>  <! - andre utdrag -> <p> Lorem ipsum <i> dolor sit </i> amet. </p> <p> <b> doloribus sunt, </b> ad provider. </p>

Bindestrek og faner kan brukes tilvisuell strukturering av koden, men de har ingen betydning for nettleseren I noen tilfeller, når det er nødvendig å bevare det opprinnelige tekstformatet sammen med mellomrom og innrykk, er det koder som viser innholdet uten foreløpig behandling av nettleseren, for eksempel <pre>.

HTML er ikke skiftende på store og små bokstaver.Dette betyr at koder, navn og attributtverdier kan skrives med små eller store bokstaver, og begge alternativene blir behandlet like riktig av nettleseren. Hvis ønskelig, kan du til og med bruke kombinasjoner av store og små bokstaver, men dette forstyrrer den normale oppfatningen av koden.

Når du blir kjent med koder, deres egenskaper og syntaks, kan du gå fra det grunnleggende i HTML-språket til strukturen til et HTML-dokument som helhet.

Bygg et HTML-dokument

Enhver webside må ha et slags skjelett for at nettleseren skal vises riktig.

Den nødvendige strukturen til et HTML-dokument inkluderer:

• en doktypedeklarasjon for å sikre riktig nettlesergjengivelse;
• html-innpakning for hele siden;
• dedikert servicedel hode.

<! DOCTYPE html> <html> <hode> <! - tjenesteinformasjon for nettleseren og søkeroboter -> </head> <body>   </body> </html>

HTML5 krever ikke en tag kroppen i et dokument anbefales det imidlertid at du fortsatt bruker det til å betegne et innholdsområde.

De viktige men valgfrie tjenestebeskrivelsene er:

• tittel som inneholder tittelen på siden;
• metakoder som definerer koding, seo-informasjon, http-overskrifter og andre viktige innstillinger.

<hode> <title> Sidetittel </title> <meta charset = "utf-8"> <meta name = "description" content = "Beskrivelse av siden for søkeroboter"> </head>

Ellers kan strukturen på HTML-siden være hva som helst. Funksjonene avhenger av det spesifikke prosjektet.

Hovedregelen som må overholdes iethvert nettdokument er riktig hekking av koder. Først lukkes beskrivelsen på det dypeste nestingsnivået, og deretter alle eksterne en etter en.

<body> <hoved> <artikkel> <p> Avsnittstekst </p> <! - avsnittet lukkes først -> </article> <! - deretter artikkel -> </main> <! - så hovedmerken -> </body> <! - og til slutt dokumentets hoveddel ->

Semantisk struktur

Som spesifikasjonen ogfremveksten av nye beskrivere endret teknologien for å lage nettdokumenter. Opprinnelig gikk tekstene kontinuerlig og delte seg bare i avsnitt. Så kom en tid med bordoppsett, som gjorde det mulig å plassere blokker på en side i en hvilken som helst konfigurasjon, for eksempel i kolonner.

Med utviklingen av CSS ble bruken av tabeller gradvis forlatt, fordi stiler gjorde det mulig å designe et dokument som ønsket.

Den nye HTML-standarden ønsker semantikk velkommen i strukturen til et HTML-dokument. Dette oppnås ved å bruke semantiske koder som Overskrift, bunntekst, hoved-, artikkel, nav, seksjon og andre.

Internets hovedspråk er veldig enkelt. Alle kan finne ut hva HTML er og bruke denne kunnskapen ved å lage sine egne websider.