Hypertext-opmaaktaal

Van Wikipedia, de gratis encyclopedie
Spring naar navigatie Spring naar zoeken
HTML (Hypertext Markup Language)
Schermafbeelding
Bestandsextensie : .html, .htm
MIME-type : tekst / html
Ontwikkeld door: World Wide Web-consortium (W3C)
Eerste uitgave: 1992
Huidige versie: 5.2 (vanaf 14 december 2017)
Type: Opmaaktaal
Uitgebreid naar:XHTML , HTML5
Standaard(en) : ISO / IEC 15445

W3C HTML 5 [1] W3C HTML 4.01 [2] W3C HTML 3.2 [3]

Website : www.w3.org/html

De Hypertext Markup Language (HTML, Engels voor hypertext -Auszeichnungssprache) is een op tekst gebaseerde opmaaktaal voor het structureren van elektronische documenten zoals tekst met hyperlinks , afbeeldingen en andere inhoud. HTML-documenten vormen de basis van het World Wide Web en worden weergegeven door webbrowsers . Naast de inhoud die door de browser wordt weergegeven, kunnen HTML-bestanden aanvullende informatie bevatten in de vorm van meta-informatie , b.v. B. over de talen die in de tekst worden gebruikt, de auteur of de samengevatte inhoud van de tekst.

HTML wordt verder ontwikkeld door het World Wide Web Consortium (W3C) en de Web Hypertext Application Technology Working Group (WHATWG). De huidige versie is HTML 5.2 sinds 14 december 2017, [4] die al wordt ondersteund door veel huidige webbrowsers en andere layout-engines . De Extensible Hypertext Markup Language (XHTML) wordt ook vervangen door HTML5. [5]

HTML wordt gebruikt als opmaaktaal om een ​​tekst semantisch te structureren, maar niet om deze op te maken. [6] De visuele weergave maakt geen deel uit van de HTML-specificaties en wordt bepaald door de webbrowser en hoofdpagina's zoals CSS . Uitzonderingen zijn de presentatiegerelateerde elementen die als verouderd zijn gemarkeerd ( Engels verouderd ).

Verschijning

Voor de ontwikkeling van het World Wide Web en zijn componenten, waaronder HTML, was het niet mogelijk om documenten eenvoudig, snel en gestructureerd elektronisch uit te wisselen tussen meerdere mensen en deze efficiënt aan elkaar te koppelen. Naast transmissieprotocollen was een gemakkelijk te begrijpen opmaaktaal vereist. Dit is precies waar het startpunt van HTML lag. Om onderzoeksresultaten te delen met andere medewerkers van de Europese Organisatie voor Nucleair Onderzoek (CERN) en deze toegankelijk te maken vanuit de twee locaties in Frankrijk en Zwitserland, werd in 1989 bij CERN een project opgezet om een ​​oplossing voor dit probleem te vinden. Op 3 november 1992 verscheen de eerste versie van de HTML-specificatie.

syntaxis

De tekst krijgt structuur door opmaak van tekstdelen.

Het onderscheid wordt gemaakt met behulp van gestandaardiseerde (SGML) elementen. De meeste van deze HTML-elementen worden gemarkeerd door een paar tags, d.w.z. een starttag en een eindtag. Een startdag begint altijd met het teken < . Dit wordt gevolgd door de naam van het element (bijv. p voor een alinea of h1 voor een kop van de eerste orde ) en optioneel een lijst van zijn attributen (bijv. class="warning" of id="warning" ). De startdag wordt afgesloten met een > . Een eindtag bestaat uit de karakters </ , de elementnaam en de afsluitende > . De bij elkaar horende begin- en eindtags vormen samen met de inhoud daartussen een onderdeel van de algemene SGML-specificatie . Deze elementen kunnen worden genest volgens regels die zijn gespecificeerd in een documenttypedefinitie (DTD):

 < p > Een alinea met tekst die een < em > beklemtoond </ em > woord bevat. </ p >

Bepaalde elementen hoeven niet expliciet vermeld te worden. Volgens de SGML-regel "OMITTAG" kan de eindtag voor sommige elementen ontbreken (bijv. </p> of </li> ). Bovendien zijn namen van elementen en attributen niet hoofdlettergevoelig (bijv. <ul> , <UL> , <uL> ). Ter vergelijking: in XHTML zijn deze regels strikter geschreven.

Naast elementen met begin- en eindtags zijn er ook lege elementen in HTML, zoals regeleinden ( br ) of afbeeldingen ( img ).

 Een regel tekst, <br> is het vervolg hier.
< img src = "E-Mail-Button.jpg" alt = "E-Mail" >

HTML gaat over beschrijvende , niet procedurele en presentatieve tekstopmaak , zelfs als HTML hiervoor in eerdere versies zou kunnen worden gebruikt. HTML-elementen zijn geen informatie over de presentatie die de webbrowser vertelt hoe de tekst visueel moet worden opgemaakt. Elementen zijn eerder een structurerend label dat kan worden gebruikt om een ​​betekenis toe te kennen aan tekstgebieden, b.v. B. < h1 ></ h1 > voor een kop, < p ></ p > voor een alinea tekst en < em ></ em > voor benadrukte tekst. Hoe deze betekenis uiteindelijk aan de gebruiker wordt overgebracht (in het geval van een kop, bijvoorbeeld door een vergroot, vetgedrukt lettertype) is in eerste instantie aan de webbrowser en hangt af van de uitvoeromgeving. Want hoewel HTML-documenten meestal op computerschermen worden weergegeven , kunnen ze ook op andere media worden weergegeven, bijvoorbeeld op papier of door middel van spraakuitvoer . Sjablonen in CSS- formaat zijn geschikt om de presentatie van een HTML-document in verschillende media te beïnvloeden.

Daarom elementen en attributen voor de presentatie zoals < font ></ font > , < u ></ u > en noshade beschouwd als verouderd (Engels afgekeurd) en moet worden vermeden volgens de algemene opinie; ze mogen niet langer worden gebruikt in nieuw ontwikkelde software en moeten worden vervangen wanneer de documentgenererende software wordt herzien.

Het inlezen van de brontekst en het verwerken van de bestaande informatie wordt in vaktermen ook wel parsing genoemd , en de voorbereiding voor het outputmedium renderen . De HTML- taal beschrijft hoe de browser (of een ander programma zoals een teksteditor ) de markeringen in de tekst moet "begrijpen", niet hoe hij ze vervolgens omzet in de weergave. Dus zegt < h1 > Hoewel die kop volgt, maar waarin geen lettergrootte of letterstijl , dit moet worden gepresenteerd - hier zijn slechts enkele gebruikelijke standaardwaarden genaturaliseerd, maar een deel van de HTML-specificatie is dat niet.

Karakterset

De standaard karakterset, oorspronkelijk gebaseerd op 7-bit ASCII , werd in de begindagen van het WWW uitgebreid met talrijke speciale karakters en gecodeerd als een HTML-entiteit. De ondersteuning van universele karaktersets voor alle gangbare talen wereldwijd vereiste de ondersteuning van UTF (Unicode), die nu in alle gangbare browsers is geïmplementeerd. HTML is daarom ontworpen voor platformonafhankelijke overdraagbaarheid, op voorwaarde dat dit wordt ondersteund door de gebruikte HTML-renderer . De selectie van de onderliggende karakterset voor een webdocument wordt gemaakt in de meta-elementen in de bestandsheader, de browser past zich daarop aan.

Makers van websites waarvan het toetsenbord mogelijk niet alle tekens direct levert, zoals Duitse umlauten , kunnen op verschillende manieren speciale tekens coderen; [7] een A-umlaut ("ä") kan worden &auml; als een HTML-entiteit ( &auml; ), als Unicode decimaal ( &#228; ) of als Unicode hexadecimaal ( &#x00E4; ), zie Unicode # Code punt informatie in documenten . Veel complexe website-editors lossen automatisch speciale tekens op wanneer de brontekst wordt gecodeerd.

Als het gaat om resolutie in adresregels ( URL's ), is de procedure weer anders; hier worden de tekens die niet direct worden ondersteund, gecodeerd in ASCII-tekens met behulp van de MIME- methode, b.v. Bijvoorbeeld %20 voor een spatie, bijvoorbeeld als deze in een bestandsnaam voorkomt en anders moet zijn dan de gewone spatie aan het einde van de link .

Taaltype

HTML is een opmaaktaal en wordt als zodanig meestal onderscheiden van programmeertalen (zie de sectie Externe systematiek: Classificatie als programmeertaal of gegevensformaat in het artikel over opmaaktalen). Een ding gemeen met de meeste programmeertalen is dat er geen speciale software (zie ook lijst met HTML-editors ) nodig is voor het bewerken van de brondocumenten, maar elke teksteditor is voldoende.

Een soortgelijk concept (logische beschrijving) als achter HTML zit achter het zetsysteem TeX / LaTeX , dat in tegenstelling tot HTML streeft naar de output per printer op papier.

versies

HTML werd voor het eerst voorgesteld op 13 maart 1989 door Tim Berners-Lee op CERN in Genève. [8e]

  • HTML (zonder versienummer, 3 november 1992): Originele versie die alleen op tekst was gebaseerd. [9]
  • HTML (zonder versienummer, 30 april 1993): Naast tekst werd beeldintegratie toegevoegd naast attributen zoals vetgedrukte of cursieve weergave.
  • HTML + (november 1993) Geplande verbeteringen die in latere versies zijn opgenomen, maar nooit zijn overgenomen als HTML +. [10]
  • HTML 2.0 (november 1995): De versie gedefinieerd met RFC 1866 introduceerde onder andere formuliertechnologie. De status van deze standaard is "HISTORISCH". Ook de voorgangers zijn verouderd.
  • HTML 3.0 : Niet gepubliceerd omdat het verouderd was met de introductie van de Netscape-browser in versie 3 vóór de geplande publicatie.
  • HTML 3.2 (14 januari 1997): Talloze nieuwe functies zoals tabellen, tekststroom rond afbeeldingen, integratie van applets .
  • HTML 4.0 (18 december 1997): Introductie van stylesheets , scripts en frames. Er was ook een scheiding in strikt , frameset en transitioneel . Een enigszins gecorrigeerde versie werd gepubliceerd op 24 april 1998.
  • HTML 4.01 (24 december 1999): HTML 4.0 is vervangen door veel kleine verbeteringen. Was lange tijd standaard tot 2014.
  • XHTML 1.0 (26 januari 2000): HTML 4.01 opnieuw geformuleerd met XML . Een herziene versie werd gepubliceerd op 1 augustus 2002.
  • XHTML 1.1 (31 mei 2001): Nadat XHTML was opgedeeld in modules, werd een strikte versie gedefinieerd met XHTML 1.1, waarin de frameset en overgangsvarianten die met HTML 4 werden geïntroduceerd, werden weggelaten.
  • XHTML 2.0 (gesloten, [11] 26 juli 2006): Deze versie zou niet langer gebaseerd moeten zijn op HTML 4.01 en enkele nieuwe elementen moeten introduceren, zoals: B. <nl> voor navigatielijsten. De scheiding van onderscheid en stijl moet in deze versie worden voltooid. - Het W3C stopte met werken aan XHTML 2.0 in de zomer van 2009 omdat XHTML zou worden vervangen door HTML5. [12] [13] [5]
  • HTML5 (aanbeveling, 28 oktober 2014): een nieuwe woordenschat gemaakt op basis van HTML 4.01 en XHTML 1.0. Ook de bij HTML behorende DOM-specificatie is herzien en uitgebreid. [14]
  • HTML 5.1 (aanbeveling, 1 november 2016)
  • HTML 5.2 (aanbeveling, 14 december 2017): huidige versie. [4]

HTML-structuur

Algemene structuur

Een HTML-document bestaat uit drie delen:

  1. de documenttypedeclaratie (doctype) helemaal aan het begin van het bestand dat de gebruikte documenttypedefinitie specificeert (DTD), bijvoorbeeld. B. HTML5,
  2. de HTML-header ( HEAD ), die voornamelijk technische of documentaire informatie bevat die gewoonlijk niet wordt weergegeven in het weergavegebied van de browser
  3. de HTML-body ( BODY ), die de informatie bevat die meestal in het weergavegebied van de browser te zien is.

De basisstructuur van een website ziet er als volgt uit:

 <!DOCTYPE html>
< html >
  < hoofd >
    < title > Titel van de website </ title >
    <! - verdere header-informatie ->
    <! - Reacties worden niet weergegeven in de browser. ->
  </ hoofd >
  < lichaam >
    < p > Inhoud van de website </ p >
  </ lichaam >
</ html >

HTML-kop

In het hoofd (Engelse kop) kunnen zeven verschillende elementen worden gebruikt:

title
verwijst naar de titel van de pagina, die de meeste browsers in de titelbalk weergeven.
meta
kan een verscheidenheid aan metadata bevatten . Zie meta-element .
base
specificeert een basis- URI of een basisframe .
link
wordt gebruikt om logische relaties met andere bronnen op te geven. Meestal gebruikt om stylesheets op te nemen .
script
sluit code in in een specifieke scripttaal , voornamelijk JavaScript .
style
bevat stijlinformatie, voornamelijk CSS- declaraties.
object
integreert een extern bestand. Browsers mogen dergelijke objecten niet weergeven in de documentkop. Vanaf HTML5 is de objecttag niet langer toegestaan ​​in de HTML-header. [15]

HTML-tekst

De HTML- body bevat de daadwerkelijke pagina-informatie. HTML maakt onderscheid tussen blok- en inline-elementen. Het belangrijkste verschil is dat de eerste een apart blok in de output genereren, waarin de inhoud is ondergebracht, terwijl de inline-elementen de tekststroom niet onderbreken. Simpel gezegd, blokelementen hebben altijd hun eigen alinea. Met behulp van CSS is het echter mogelijk om blokelementen als een inline-element weer te geven en vice versa. Daarnaast kunnen alle elementen via CSS ook als inline blocks gemarkeerd worden, met als resultaat dat zo'n element de eigenschappen heeft van zowel een block element als een inline element.

Een kop van de eerste orde is als volgt gemarkeerd:

 < h1 > kop </ h1 >

h1 staat voor Kop 1 , dus het geeft een kop aan van het eerste (en in HTML hoogste) overzichtsniveau. Ook mogelijk zijn h2 tot h6 , koppen van het tweede tot het zesde structuurniveau.

Een hyperlink :

 <A href = "http://example.com/"> Dit is een verwijzing naar example.com </ a>

Hyperlinks zijn verwijzingen naar andere bronnen, meestal ook HTML-documenten, die meestal met een klik in de browser te volgen zijn. Deze link kan als volgt worden weergegeven : Dit is een verwijzing naar example.com Dit voorbeeld laat ook zien dat het link-element een inline-element is en geen nieuwe regel begint.

Normale tekst wordt standaard gespecificeerd met p (voor paragraaf ) hoewel een tekst zonder p zonder problemen mogelijk p zijn, maar het wordt sterk aanbevolen, omdat dit een scheiding tussen brontekst en uitvoer enerzijds en anderzijds mogelijk maakt hand ten laatste bij het programmeren van het CSS-commando is absoluut noodzakelijk.

Zo wordt een tekst in HTML uitgevoerd:

 < p > Ik ben een voorbeeldtekst </ p >

Voor de logica zijn bijvoorbeeld de elementen strong of em beschikbaar, waarmee sterk beklemtoonde of beklemtoonde tekst kan worden onderscheiden. Standaard (volgens de W3C-aanbeveling) worden strong en em elementen in vet of cursief weergegeven .

De structurele beschrijving van de tekst maakt het gemakkelijker om de weergave aan te passen aan de kijker, bijvoorbeeld om de tekst voor te lezen aan een slechtziende of om deze als braille uit te voeren .

HTML-varianten

Bij het opstellen van de laatste HTML-versie 4 moet er rekening mee worden gehouden dat elementen en attributen nog steeds worden gebruikt voor presentatie in veel HTML-documenten. Het resultaat was drie varianten:

Streng

Deze documenttypedefinitie (DTD) omvat de kerninventaris van elementen en attributen. De meeste elementen en attributen voor het beïnvloeden van de presentatie ontbreken, inclusief de elementen font , center en u evenals attributen zoals bgcolor , align en target . Stylesheets zouden hun rol moeten spelen in Strikte documenten. Tekst en niet-blokvormende elementen binnen de elementen body , form , blockquote en noscript moeten zich noscript binnen een containerelement bevinden, bijvoorbeeld in een p element.

Overgangs

De overgangsvariant bevat oudere elementen en attributen die ook fysieke tekstopmaak mogelijk maken. Deze DTD is bedoeld om webauteurs die nog niet in staat zijn logische structurering en presentatie van elkaar te scheiden de mogelijkheid te geven om standaard HTML te schrijven. Tegelijkertijd moet het ervoor zorgen dat bestaande websites nog steeds kunnen worden weergegeven door huidige webbrowsers.

Frameset

Naast alle elementen van de overgangsvariant bevat deze variant ook de elementen voor het genereren van framesets .

Aanvullende technieken en verdere ontwikkelingen

Trapsgewijze stijlbladen

In de loop der jaren is HTML uitgebreid met elementen die ten dienste staan ​​van het visuele ontwerp van de documenten. Dit druiste in tegen het oorspronkelijke idee van systeemonafhankelijkheid. Door de definitie van Cascading Style Sheets (CSS) is teruggekeerd naar de scheiding van structuur en lay-out (beter: presentatie). Het uiterlijk of de presentatie van het document dient te worden gespecificeerd in een apart bestand, de zogenaamde stylesheet. Dit verbetert de aanpasbaarheid van de lay-out aan het respectieve uitvoerapparaat en aan speciale behoeften van de gebruiker, bijvoorbeeld een speciaal display voor slechtzienden. Tegenwoordig is de CSS-ondersteuning van de browser voldoende om een ​​uitgekiend ontwerp te implementeren.

In de beginjaren van HTML tot de jaren 2000 werd er geen strikt onderscheid gemaakt tussen lay-out en paginafysica. Design is uitgevoerd met de hulp van de lay-out attributen zoals color="Farbe" of lay-out-tags zoals <font> , of het uiterlijk van de tabellen werd ruwweg direct opgegeven in de table gebied. Dit wordt nu als verouderd en onprofessioneel beschouwd. Daarnaast kan de CSS-code ook zonder geëxporteerd bestand in een pagina worden geïntegreerd.

Een CSS-bestand kan in de HTML-header worden geïntegreerd met behulp van het link-element:

 < link rel = "stylesheet" type = "text / css" href = "stylesheet.css" >

Dynamische HTML

Al heel vroeg in de geschiedenis van HTML werden aanvullende technologieën uitgevonden waarmee HTML-documenten dynamisch kunnen worden gewijzigd terwijl ze in de browser worden weergegeven. De meest voorkomende is JavaScript . Dergelijke interactieve documenten worden dynamische HTML genoemd . Deze technieken zijn onafhankelijk ontwikkeld door verschillende browserfabrikanten, vooral Microsoft en Netscape . Als gevolg hiervan zijn er aanzienlijke problemen geweest bij het implementeren van de technieken tussen de verschillende browsers. Alle populaire JavaScript-compatibele browsers interpreteren nu het Document Object Model (DOM). Dit maakt het mogelijk om in alle browsers uitvoerbare scripts te schrijven. Er zijn echter nog steeds verschillen in ondersteuning voor de DOM-standaard.

XHTML

XHTML 1.0 is ontwikkeld op basis van HTML 4.01 (SGML). XHTML voldoet aan de syntactische regels van XML, die strenger zijn dan SGML, maar de drie DTD- varianten zijn semantisch identiek aan de corresponderende DTD-variant van HTML 4.01.

HTML5

De respectievelijke voordelen van SGML en XML van de vorige HTML-versies zijn gecombineerd in HTML5. In tegenstelling tot de vorige HTML-versies is er geen DTD meer in HTML5.

Ajax

Met de Ajax- technologie kan JavaScript worden gebruikt om specifiek al geladen inhoud van een webbrowser te wijzigen en opnieuw te laden zonder de website volledig opnieuw te hoeven laden. Door het lagere datavolume wordt enerzijds een snellere webserverrespons mogelijk gemaakt en anderzijds kunnen de reactiemodi van desktopapplicaties worden gesimuleerd.

Bootstrap

Bootstrap is een HTML- , CSS- en JS- bibliotheek die zich richt op het eenvoudig maken van informatieve websites (geen webapps). Het biedt webprojecten een selectie van kleuren, formaten, lettertypen, lay-outs en basisstijldefinities voor alle HTML-elementen, als de verantwoordelijke ontwikkelaars deze selectie leuk vinden. Het resultaat is een uniforme uitstraling voor proza, tabellen en formulierelementen in alle webbrowsers. [16]

Zie ook

literatuur

  • Stefan Münz , Wolfgang Nefzger: HTML-handleiding . Franzis-Verlag, Poing 2005, ISBN 3-7723-6654-6 .
  • Stefan Mintert (red.): XHTML, CSS & Co. De W3C-specificaties voor webpublicaties. Addison-Wesley, München 2003, ISBN 3-8273-1872-6 .
  • Mark Lubkowitz: Programmeren en ontwerpen van websites - HTML, CSS, JavaScript, PHP, Perl, MySQL, SVG en nieuwsfeeds, met cd . Galileo Press, Bonn 2004, ISBN 3-89842-557-6 .
  • Elisabeth Robson, Eric Freeman: HTML en CSS van top tot teen . O'Reilly, Keulen 2012, ISBN 978-3-86899-934-1
  • Stephan Heller: Workshop HTML5 & CSS3 . Weblay-outs professioneel implementeren - een inleiding tot front-end ontwikkeling . 1e druk, 2012; dpunkt.verlag, Heidelberg; ISBN 978-3-89864-807-3 .

web links

Commons : HTML - verzameling afbeeldingen, video's en audiobestanden

Tutorials

Wikibooks: Website-ontwikkeling - Leer- en lesmateriaal
Wikibooks: Handboek Webdesign - Leer- en lesmateriaal

Geldigmaking

Oudere normen

Individueel bewijs

  1. W3C HTML 5 w3.org
  2. W3C HTML 4.01 w3.org
  3. W3C HTML 3.2 w3.org
  4. a b HTML 5.2. Aanbeveling. W3C, 14 december 2017, geraadpleegd op 1 januari 2018 .
  5. a b Simon Pieters: HTML 5 verschilt van HTML 4. w3.org, 18 september 2014, geraadpleegd op 1 oktober 2014 (Engels): “HTML 5 vervangt deze documenten. [DOM2HTML] [HTML4] [XHTML1] "
  6. HTML / regels / tekstopmaak in de SELFHTML- wiki
  7. Entiteiten - tabel voor veelgebruikte umlauts, speciale tekens en symbolen op e-workers.de; geopend op 11 november 2018
  8. © Tim Berners-Lee : Informatiebeheer: een voorstel. Maart 1989, Ontvangen 25 november 2014 .
  9. HTML , originele versie
  10. ^ David Raggett: een overzicht van de HTML + Document Format.
  11. ^ XHTML 2.0, W3C-werkconcept
  12. XHTML 2 wordt stopgezet . Heise aankondiging, 3 juli 2009
  13. over de stopzetting van de ontwikkeling van XHTML 2 aankondiging van de W3C
  14. HTML5, een woordenschat en bijbehorende API's voor HTML en XHTML. Aanbeveling. W3C, 28 oktober 2014, geraadpleegd op 27 november 2014 .
  15. HTML-objecttag. Ontvangen 26 juli 2017 (Amerikaans Engels).
  16. Tutorials, van beginners tot gevorderden: w3schools , freecodecamp , mdbtutorials , w3c