HTML

HTML
utvikler
World Wide Web Consortium , Internet Engineering Working Group og Web Hypertext Application Technology Working Group
https://www.w3.org/html/ , https://html.spec.whatwg.org/multipage/ og https://w3c.github.io/html/
Generell informasjon
filutvidelse html og html
mime-type tekst/html
skriv inn kode TEXT
Første utgivelse 1993
formattype merkespråk
utvidet fra SGML
utvidet til XHTML
Standarder) ISO/IEC 15445
W3C HTML 4.01
W3C HTML5
W3C HTML5.1
W3C HTML5.2
W3C HTML5.3
åpent format ?

HTML , forkortelse for HyperText Markup Language ('hypertext markup language'), refererer til merkespråket for utvikling av nettsider . Det er en standard som fungerer som referanse for programvaren som knytter seg til utviklingen av nettsider i dens ulike versjoner, definerer en grunnleggende struktur og en kode (kalt HTML-kode) for definisjonen av innholdet på en nettside, som f.eks. tekst, bilder, videoer. , spill, blant andre. Det er en standard som har ansvaret for World Wide Web Consortium ( W3C ) eller WWW Consortium, en organisasjon dedikert til standardisering av nesten alle teknologiene knyttet til nettet, spesielt i forhold til skriving og tolkning. HTML regnes som det viktigste webspråket, dets oppfinnelse er avgjørende for utseendet, utviklingen og utvidelsen av World Wide Web (WWW). Det er standarden som har blitt pålagt i visningen av nettsider og er den som alle nåværende nettlesere har tatt i bruk. [ 1 ]

HTML-språket baserer sin utviklingsfilosofi på differensiering. For å legge til et eksternt element på siden (bilde, video, script osv.), er det ikke direkte innebygd i sidekoden, men en referanse til plasseringen av nevnte element gjøres gjennom tekst. På denne måten inneholder nettsiden kun tekst mens det tilfaller nettleseren (kodetolkeren) oppgaven med å slå sammen alle elementene og vise den siste siden. Siden HTML er en standard, søker HTML å være et språk som lar enhver nettside skrevet i en bestemt versjon tolkes på samme måte (standard) av enhver oppdatert nettleser.

HTML er et markup-språk som lar oss indikere strukturen til dokumentet vårt gjennom tagger. Dette språket gir oss stor tilpasningsevne, en logisk struktur og er lett å tolke av både mennesker og maskiner.

Gjennom de forskjellige versjonene har imidlertid forskjellige funksjoner blitt innlemmet og fjernet, for å gjøre den mer effektiv og lette utviklingen av nettsider som er kompatible med forskjellige nettlesere og plattformer (stasjonære PC-er, bærbare datamaskiner, smarttelefoner , nettbrett ). , etc.) Men for å tolke en ny versjon av HTML riktig, må nettleserutviklere inkludere disse endringene, og brukeren må kunne bruke den nye versjonen av nettleseren med endringene innlemmet. Normalt brukes endringene ved hjelp av automatiske oppdateringsoppdateringer ( Firefox , Chrome ) eller ved å tilby en ny versjon av nettleseren med alle endringene innlemmet, på et offisielt nettsted for nedlasting ( Internet Explorer ). Derfor vil ikke en utdatert nettleser kunne tolke en nettside som er skrevet i en høyere versjon av HTML enn den kan tolke, noe som ofte tvinger utviklere til å bruke teknikker og endringer som gjør det mulig å korrigere visningsproblemer og til og med tolkning av HTML-kode. På samme måte bør sider skrevet i en eldre versjon av HTML oppdateres eller skrives om, noe som ikke alltid er tilfelle. Det er grunnen til at enkelte nettlesere fortsatt opprettholder muligheten til å tolke nettsider fra tidligere HTML-versjoner. Av disse grunnene er det fortsatt forskjeller mellom ulike nettlesere og versjoner når man tolker den samme nettsiden.

Tidlige HTML-spesifikasjoner

Tim Berners-Lee (TBL) i 1991 [ 2 ]​ [ 3 ]​ beskriver 18 elementer som inkluderer den innledende og relativt enkle utformingen av HTML. Tretten av disse elementene eksisterer fortsatt i HTML 4. [ 4 ]

Berners-Lee betraktet HTML som en utvidelse av SGML , men det ble ikke formelt anerkjent som sådan før publiseringen i midten av 1993, av IETF (på spansk: Internet Engineering Task Force), av et første forslag til en HTML-spesifikasjon. HTML: Berners-Lee og Dan Connollys Hypertext Markup Language -utkast , som inkluderte en SGML Document Type Definition for å definere grammatikken. [ 5 ] Utkastet utløp etter seks måneder, men var kjent for sin anerkjennelse av Mosaic -nettleserens egen tag som ble brukt til å sette inn bilder uten linjeskift, noe som reflekterte IETFs filosofi om vellykket prototyping av standarder. [ 6 ] På samme måte foreslo Dave Raggetts konkurrerende utkast til HTML+ (Hypertext Markup Format) fra slutten av 1993 å standardisere allerede implementerte funksjoner, som tabeller. [ 7 ]

HTML-oppmerking

HTML er skrevet i form av "tags", omgitt av vinkelparenteser (<,>,/). HTML kan også til en viss grad beskrive utseendet til et dokument, og kan inkludere eller referere til en type program kalt et skript , som kan påvirke oppførselen til nettlesere og andre HTML-prosessorer. [ 8 ]

HTML brukes også for å referere til innhold av MIME-typen text/html eller enda bredere som en generisk term for HTML, enten i form som stammer fra XML (som XHTML 1.0 og senere) eller direkte avstammet fra SGML (som HTML 4.01 ) og tidligere). HTML består av flere viktige komponenter, inkludert elementer og deres attributter , datatyper og dokumenttypeerklæringen .

Elementer

Elementer er den grunnleggende strukturen til HTML. Elementer har to grunnleggende egenskaper: attributter og innhold. Hvert attributt og innhold har visse begrensninger for at HTML-dokumentet skal anses som gyldig. Et element har vanligvis en startkode (for eksempel <nombre-de-elemento>) og en sluttkode (for eksempel </nombre-de-elemento>). Elementets attributter finnes i startkoden, og innholdet er plassert mellom de to taggene (for eksempel <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>). Noen elementer, for eksempel <br>, har ikke noe innhold og ingen avsluttende tag. Nedenfor er de ulike typene markup-elementer som brukes i HTML.

Strukturell markering beskriver formålet med teksten. Sett for eksempel <h2>Golf</h2>"Golf" som en overskrift på andre nivå, som vil vises i en nettleser på en måte som ligner på "HTML Bookmark"-overskriften i begynnelsen av denne delen. Strukturell markering definerer ikke hvordan elementet vil se ut, men de fleste nettlesere har standardisert formateringen av elementer. Spesifikk formatering kan brukes på tekst ved hjelp av overlappende stilark .

Presentasjonsmarkering beskriver utseendet til tekst, uavhengig av dens funksjon. For eksempel <b>negrita</b>står det at visuelle nettlesere skal vise tekst i fet skrift , men det står ikke hva nettlesere som viser innhold annerledes (for eksempel de som leser tekst høyt) skal gjøre. Når det gjelder <b>negrita</b>e <i>itálica</i>, er det elementer som ser like ut, men som er mer semantiske: <strong>énfasis fuerte</strong>og <em>énfasis</em>. Det er lett å se hvordan en skjermleser skal tolke disse to elementene. De tilsvarer imidlertid deres tilsvarende presentasjonselementer: en skjermleser skal ikke si navnet på en bok høyere, selv om navnet skiller seg ut i kursiv på en skjerm. Det meste av presentasjonsmarkeringen har blitt avviklet siden versjon 4.01, til fordel for gjennomgripende stilark.

Hypertekstmarkering brukes til å koble deler av dokumentet til andre dokumenter eller til andre deler av det samme dokumentet. For å lage en lenke må du bruke ankertaggen <a>sammen med attributtet href, som vil angi URL-en som koblingen peker til. For eksempel kan en lenke som viser adresseteksten og går til vår Wikipedia ha formen <a href=”https://www.wikipedia.org”>https://www.wikipedia.org</a>. Lenker kan også opprettes på andre objekter, for eksempel bilder <a href=”enlace”><img src=”imagen” /></a>.

Attributter

Se også: HTML-attributt

De fleste av attributtene til et element er navn-verdi-par, atskilt med et likhetstegn "=" og skrevet i startkoden til et element, etter elementnavnet. Verdien kan være omgitt av enkle eller doble anførselstegn, selv om visse typer verdier kan være uten anførselstegn i HTML (men ikke i XHTML). [ 9 ] ​[ 10 ]​ Men å la verdier stå uten anførselstegn anses som utrygt. [ 11 ]​ I motsetning til element-navn-par, er det noen attributter som påvirker elementet bare ved deres tilstedeværelse [ 12 ]​ (for eksempel attributtet ismapfor element img). [ 13 ]

Grunnleggende HTML-tagger

De fleste tagger bør lukkes når de åpnes, men med en skråstrek ( / ) som vist i følgende eksempler:

Grunnleggende HTML

HTML-språket kan opprettes og redigeres med et hvilket som helst grunnleggende tekstredigeringsprogram , for eksempel Gedit på GNU/Linux , Notisblokk på Windows, eller et hvilket som helst annet redigeringsprogram som støtter ren tekst som GNU Emacs , Microsoft Wordpad , TextPad , Vim , Notepad++ , blant andre .

Det finnes også andre redaktører for å lage nettsider med WYSIWYG- funksjoner ( What You See Is What You Get , eller på spansk: «what you see is what you get»). Disse redaktørene lar deg se resultatet av det som redigeres i sanntid, mens dokumentet utvikles. Nå betyr ikke dette en annen måte å lage nettsider på, men snarere en noe enklere måte, siden disse programmene, i tillegg til å ha muligheten til å jobbe med forhåndsvisningen, har sin egen HTML-seksjon, som genererer all koden mens du jobber. . Noen eksempler på WYSIWYG-redigerere er KompoZer , Microsoft FrontPage eller Adobe Dreamweaver .

Å kombinere disse to metodene er veldig interessant, siden de på en eller annen måte hjelper hverandre. For eksempel, hvis alt er redigert i HTML og utvikleren glemmer en kode eller kode, bare gå til det visuelle eller WYSIWYG-redigeringsprogrammet og fortsett å redigere der eller omvendt, siden det er tilfeller der det er raskere og enklere å skrive koden direkte av noen funksjoner som brukeren ønsker å legge til nettstedet enn å lete etter alternativet i selve programmet.

Det er en annen type HTML-editorer kalt WYSIWYM som legger større vekt på innhold og mening enn til visuelt utseende. Blant målene som disse redaktørene har er separasjon av innhold og presentasjon, grunnleggende i webdesign.

HTML bruker koder eller markeringer, som består av korte begynnelses- og sluttinstruksjoner, der du bestemmer hvordan tekst, samt bilder og andre elementer, skal vises på dataskjermen i nettleseren din.

Hver tagg identifiseres fordi den er omsluttet av mindre enn og større enn-tegn ( <>), og noen har attributter som kan ha en viss verdi. Generelt vil etikettene brukes på to spesielle måter:

<!DOCTYPE HTML> < html > < head > < meta charset = "utf-8" /> < title > Eksempel1 </ title > </ head > < body > < p > Eksempelavsnitt </ p > </ body > </ html >

Tekstredigerere

For webutvikling bruker programmerere et tekstredigeringsprogram. Disse er vanligvis laget med det formål å lette programmeringen. Det er for tiden mange, som disse: Notepad++ , Adobe Dreamweaver , Sublime text , blant andre.

Lær HTML ved å analysere ekte sider

Ved å velge alternativet "vis kilde" i nettleseren kan du faktisk se hvilken informasjon nettleseren mottar og hvordan den tolker den.

For eksempel: i Internet Explorer må du ganske enkelt trekke ned "vis"-menyen og deretter velge "kildekode", mens du i Chrome og Firefox trykker Ctrl + U . På denne måten åpnes en fane med kildekoden til siden som vises i nettleseren. En annen raskere måte er å høyreklikke hvor som helst i området der nettleseren viser nettsiden og velge "Vis sidekilde".

I tillegg til å kunne se HTML-kildekoden til en nettside med alternativene beskrevet ovenfor, inneholder Internet Explorer, Firefox og Google Chrome også verktøy kjent som sideinspektører som kan aktiveres med F12 .

Med disse verktøyene er det mulig å visualisere en nettside og velge i den et spesifikt element som vi ønsker å vite hva HTML-koden er som den er laget med ved å peke på det aktuelle elementet med musen. Ved å gjøre dette vil koden vises i et spesielt område i nettleseren der brukeren vil kunne se den aktuelle HTML-koden (se bilde), samt CSS -reglene som gjelder for den spesifikke HTML-koden. Denne typen analyse er svært lærerikt for å lære å utvikle i HTML.

For Firefox-nettleseren er det også Firebug -plugin som et alternativ til det opprinnelige verktøyet , veldig likt verktøyet som Firefox inneholder som standard.

Historien om standarden

I 1989 var det to teknikker som tillot kobling av elektroniske dokumenter, på den ene siden hyperkoblinger eller lenker ( hyperkoblinger eller lenker ) og på den andre siden et kraftig markeringsspråk kalt SGML . På det tidspunktet kunngjorde Tim Berners-Lee , som jobbet ved European Centre for Nuclear Research CERN , til pressen at han jobbet med et system som ville tillate tilgang til nettfiler som fungerte på datanettverk eller elektroniske maskiner basert på TCP . /IP-protokoll . Den ble opprinnelig utviklet slik at informasjon enkelt kunne deles mellom forskere fra forskjellige universiteter og forskningsinstitutter rundt om i verden. [ 17 ]

På begynnelsen av 1990-tallet definerer han endelig HTML som en undergruppe av den velkjente SGML og skaper noe enda mer verdifullt, World Wide Web .

Tim Berners-Lee opprettet World Wide Web- prosjektet , samt et system som forenklet lesing av informasjon, gjennom et navigasjonsprogram. Det ville være den første nettleseren, kalt WorldWideWeb, og utviklet i løpet av andre halvdel av året 1990; Ble senere omdøpt til Nexus, for å unngå forvirring på grunn av navnet, som var det samme som teknologien det representerte. To andre nettlesere fulgte: Line Mode Browser og ViolaWWW . Sistnevnte, utviklet i 1992, var den første nettleseren som ble populær blant de tidlige brukerne av World Wide Web. [ 18 ]

Pei-Yuan Wei presenterte ViolaWWW , [ 19 ] som ville fungere i tekstmodus og på et UNIX - operativsystem .

Arbeidet med å lage en etterfølger til HTML, kalt HTML+ , begynte på slutten av 1993 . HTML+ ble opprinnelig designet for å være et supersett av HTML som gradvis ville utvikle seg fra det forrige HTML-formatet. Den første formelle HTML+-spesifikasjonen fikk derfor versjonsnummer 2 for å skille den fra tidligere uoffisielle forslag. Arbeidet med HTML+ fortsatte, men det ble aldri en standard, til tross for at det var grunnlaget som formelt sett var nærmest det komposisjonelle aspektet av gjeldende spesifikasjoner.

HTML 3.0 -utkastet til standarden ble foreslått av det nyopprettede W3C i mars 1995 . Med det ble mange nye funksjoner introdusert; for eksempel fasiliteter for å lage tabeller, få tekst til å flyte rundt figurer og vise komplekse matematiske elementer. Selv om den ble designet for å være kompatibel med HTML 2.0 , var den for kompleks til å implementeres med datidens teknologi, og da standardutkastet utløp i september 1995 , ble den forlatt på grunn av manglende støtte fra nettleserprodusenter . HTML 3.1 ble aldri offisielt foreslått, og den neste standarden var HTML 3.2 , som droppet de fleste av de nye funksjonene i HTML 3.0 og i stedet tok i bruk mange elementer som opprinnelig ble utviklet av nettleserne Netscape og Mosaic . Muligheten for å jobbe med matematiske formler som var foreslått i HTML 3.0 ble integrert i en annen standard kalt MathML .

I 1997 ble HTML 4.0 publisert som en W3C- anbefaling . HTML 4.0 tok i bruk mange spesifikke elementer som opprinnelig ble utviklet for en bestemt nettleser, men begynte samtidig å rydde opp i HTML ved å merke noen av dem som "avviklet " .

HTML 4.0 implementerer funksjoner som XForms 1.0 som ikke trenger å implementere navigasjonsmotorer som var inkompatible med enkelte HTML-websider. I 2004 gjenåpnet W3C debatten om utviklingen av HTML, og grunnlaget for HTML5 -versjonen ble utgitt . Dette arbeidet ble imidlertid avvist av W3C -medlemmene , og XML-utvikling vil bli foretrukket.

Apple , Mozilla og Opera har kunngjort sin interesse for å fortsette å jobbe med prosjektet under navnet WHATWG , [ 20 ] som er basert på bakoverkompatibilitet.

I 2006 ble W3C interessert i utviklingen av HTML5 , og i 2007 ble det med i WHATWG- arbeidsgruppen for å forene prosjektet.

Netttilgjengelighet

Designet i HTML, bortsett fra å være i samsvar med spesifikasjonene til språket, må respektere visse webtilgjengelighetskriterier , følge retningslinjer eller gjeldende forskrifter og lover i landene der dette konseptet er regulert. Den er tilgjengelig og utviklet av W3C gjennom Web Content Accessibility Guidelines 1.0 WCAG (nylig oppdatert med 2.0-spesifikasjonen), [ 21 ] selv om mange land har sine egne spesifikasjoner, slik tilfellet er i Spania med UNE-standarden 139803. [ 22 ]

HTML-enheter

Mange spesialtegn, aksentbokstaver, omlyder eller språkskriptsymboler kan representeres i et HTML-dokument enten alene eller ved en referanse til en enhet. Blant fordelene med å bruke en enhetsreferanse er det å kunne representere Unicode-tegn ved å bruke en annen tegnkoding , eller å kompensere for manglende tegn på tastaturet som brukes.

Se også

Referanser

  1. ↑ "Hva er HTML og hva er det for? Det viktigste språket for å lage nettsider" . 
  2. ^ "HTML-tagger" . World Wide Web Consortium . Hentet 8. april 2007 . 
  3. ^ "Første omtale av HTML-tagger på www-talk-e-postlisten" . World Wide Web Consortium . 29. oktober 1991 . Hentet 8. april 2007 . 
  4. ^ "Indeks over elementer i HTML 4" . World Wide Web Consortium . 24. desember 1999 . Hentet 8. april 2007 . 
  5. ↑ Tim Berners-Lee (9. desember 1991). "Om: SGML/HTML-dokumenter, X-nettleser (arkivert www-talk-postlisteinnlegg)" . Hentet 16. juni 2007 . SGML er veldig generell. HTML er en spesifikk applikasjon av SGML grunnleggende syntaks brukt på hypertekstdokumenter med enkel struktur . » 
  6. ↑ Raymond, Erik. « IETF og RFC-standardprosessen » . Kunsten med Unix-programmering . Arkivert fra originalen 2005-03-17 . Hentet 15. mars 2008 . « I IETF-tradisjoner må standarder oppstå fra erfaring med en fungerende prototypeimplementering - men når de først blir standarder, anses kode som ikke samsvarer med dem som ødelagt og nådeløst skrotet. …Internett-utkast er ikke spesifikasjoner, og programvareimplementere og -leverandører er spesifikt utestengt fra å kreve samsvar med dem som om de var spesifikasjoner. Internett-utkast er fokuspunkter for diskusjon, vanligvis i en arbeidsgruppe... Når et Internett-utkast har blitt publisert med et RFC-nummer, er det en spesifikasjon som implementere kan kreve samsvar med. Det forventes at forfatterne av RFC og samfunnet for øvrig vil begynne å korrigere spesifikasjonen med felterfaring . » 
  7. ^ "HTML+ Internett-utkast - Abstrakt" . Arkivert fra originalen 15. mai 2016. Nettleserskribenter eksperimenterer med utvidelser til HTML, og det er nå hensiktsmessig å tegne disse ideene sammen til et revidert dokumentformat. Det nye formatet er utformet for å tillate en gradvis overgang fra HTML, og legger til funksjoner som tabeller, figurer med bildetekst og utfyllingsskjemaer for å forespørre eksterne databaser eller sende spørreskjemaer . » 
  8. ↑ www.ri5.com.ar/ayuda03.php HTML-språket.
  9. ^ "www.w3.org/TR/html401/intro/sgmltut.html#h-3.2.2" . 
  10. ^ "www.w3.org/TR/xhtml1/diffs.html#h-4.4" . 
  11. ^ "www.cs.tut.fi/~jkorpela/qattr.html" . 
  12. ↑ "www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html" . 
  13. ^ "www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#adef-ismap" . 
  14. ↑ www.example.com .
  15. ↑ Retur av u-elementet , "retur av u-taggen".
  16. ↑ u tagreferanse .
  17. ↑ Hvor nettet ble født , "Hvor nettet ble født". CERN offisielle nettsted (på engelsk).
  18. ^ "HTML-kurs". . Hentet 5. mars 2014.
  19. ↑ ViolaWWW Hypertext Browser , (på engelsk). W3C . Hentet 3. mars 2014.
  20. ↑ www.whatwg.org WHATWG-nettstedet.
  21. ^ "Retningslinjer for tilgjengelighet for nettinnhold (WCAG) 2.0" . 
  22. ↑ Standard UNE 139803 .

Bibliografi

Eksterne lenker