01.
HTML, CSS &
JAVASCRIPT
Praktisch jeder bedeutende Web- und App-Anwendung basiert heute auf diesen Programmier-technologien. Gerade beim Webseite erstellen kommen diese häufig zusammen in Kombination zum Einsatz. Mobil hat sich Javascript vorerst durchgesetzt, aber mit dem Progressive Web Apps kommt auch hier wieder verstärkt HTML und CSS ins Spiel. Mit HTML, CSS & Javescript können Sie Ihre Webseite erstellen.
Egal welche Technik, ich erstelle Websites nach Ihren Wünschen
Treten Sie in Kontakt
02.
Elemente
Ein HTML-Element ist ein separater Bestandteil eines HTML-Dokuments. Es bedeutet vor allem Semantik (Bedeutungen sprachlicher Zeichen und Zeichenfolgen). Das Element title beispielsweise stellt den Titel des Dokuments dar. Die meisten HTML-Elemente werden mit einem Start-Tag (oder öffnenden Tag) und einem End-Tag (oder schließenden Tag) geschrieben, mit Inhalt dazwischen. Elemente können auch Attribute enthalten, die zusätzliche Eigenschaften definieren.
Technisch gesehen ist ein HTML-Element eine Sammlung aus einem Start-Tag, seinen Attributen, einem End-Tag und allem, was dazwischen liegt. Andererseits wird ein HTML-Tag (öffnend oder schließend) verwendet, um den Anfang oder das Ende eines Elements zu markieren. Im allgemeinen Sprachgebrauch sind die Begriffe HTML-Element und HTML-Tag jedoch austauschbar, d.h. ein Tag ist ein Element ist ein Tag.
Elements vs. Tags
Nach allgemeinem Verständnis wird die Position eines Elements durch ein Start-Tag angegeben, das möglicherweise einige untergeordnete Inhalte enthält, und durch ein End-Tag abgeschlossen. Dies ist bei vielen, aber nicht allen Elementen in einem HTML-Dokument der Fall.
Elemente sind keine Tags. Manche Leute bezeichnen Elemente als Tags (z. B. “das P-Tag”). Denken Sie daran, dass das Element eine Sache ist und das Tag (egal ob Start- oder End-Tag) eine andere. Das HEAD-Element ist zum Beispiel immer vorhanden, auch wenn sowohl der Start- als auch der End-Tag HEAD im Markup fehlen können
Syntax
In der HTML-Syntax werden die meisten Elemente mit einem Start-Tag und einem End-Tag geschrieben, wobei der Inhalt dazwischen liegt. Ein HTML-Tag beim besteht aus dem Namen des Elements, der von spitzen Klammern umgeben ist. Ein End-Tag hat auch einen Schrägstrich nach der öffnenden spitzen Klammer, um es vom Start-Tag zu unterscheiden. Ein Beispiel: Ein Absatz, wird z.B. durch das p-Element dargestellt.
Bei der Verwendung von XHTML ist es erforderlich, alle Elemente zu öffnen und zu schließen, auch leere Elemente. Dies kann erreicht werden, indem ein End-Tag unmittelbar nach dem Start-Tag platziert wird.
Structure Elements
Das Wurzelelement eines HTML-Dokuments; alle anderen Elemente sind in diesem enthalten. Das HTML-Element grenzt den Anfang und das Ende eines HTML-Dokuments ab.
Sowohl der Start- als auch der End-Tag können weggelassen werden.
Standardisiert in HTML 2.0; immer noch aktuell.
Container für die Verarbeitung von Informationen und Metadaten für ein HTML-Dokument.
Sowohl der Start- als auch der End-Tag können weggelassen und von untergeordneten Elementen abgeleitet werden (HTML5).
Standardisiert in HTML 2.0; immer noch aktuell.
Head Elements
Meta-Elemente sind Teil der head elements und damit sind Tags, die in HTML- und XHTML-Dokumenten verwendet werden, um strukturierte Metadaten über eine Webseite bereitzustellen. Sie sind Teil des Kopfbereichs einer Webseite.
Mehrere Meta-Elemente mit unterschiedlichen Attributen können auf derselben Seite verwendet werden. Meta-Elemente können zur Angabe von Seitenbeschreibungen, Schlüsselwörtern und anderen Metadaten verwendet werden, die nicht durch die anderen Kopfelemente und Attribute bereitgestellt werden.
Das Meta-Element hat zwei Verwendungszwecke: Entweder emuliert es die Verwendung eines HTTP-Response-Header-Feldes oder es bettet zusätzliche Metadaten in das HTML-Dokument ein.
Body Elements
Blockelemente sind Teil der body elements und Elemente auf Blockebene mit rechteckige Struktur. Standardmäßig erstrecken sich diese Elemente über die gesamte Breite des übergeordneten Elements und lassen somit nicht zu, dass ein anderes Element denselben horizontalen Platz einnimmt, auf dem es platziert ist.
Die rechteckige Struktur eines Blockelements wird oft als Kastenmodell bezeichnet und besteht aus mehreren Teilen. Jedes Element enthält die folgenden Elemente:
Der Inhalt eines Elements ist der eigentliche Text (oder andere Medien), der zwischen den öffnenden und schließenden Tags eines Elements steht.
Die Füllung eines Elements ist der Raum um den Inhalt herum, der aber immer noch Teil des Elements ist.
Inline Elements
Ein Ankerelement in ein Inline Element und wird als Anker bezeichnet, weil Webdesigner es verwenden können, um eine URL mit einem Text auf einer Webseite zu “verankern”. Wenn Benutzer die Webseite in einem Browser betrachten, können sie auf den Text klicken, um den Link zu aktivieren und die Seite zu besuchen, deren URL im Link enthalten ist.
In HTML kann ein Anker entweder der Ursprung (der Ankertext) oder das Ziel (Ziel) eines Hyperlinks sein.
Mit dem Attribut href wird der Anker zu einem Hyperlink entweder zu einem anderen Teil des Dokuments oder zu einer anderen Ressource (z. B. einer Webseite) unter Verwendung einer externen URL. Alternativ (und manchmal auch gleichzeitig) wird das Element mit den HTML-Attributen name oder id zu einem Linkziel.
03.
Nutzung von HTML-Elementen
Zahlen basieren auf 11,3 Millionen Indexseiten, die aus den Top-20-Google-Ergebnissen für etwa 30 Millionen Keywords gesammelt wurden
Mehr Zahlen auf advancedwebranking.com
41,3%
<link>
34,1%
<meta>
15,9%
<style>
2,8%
<html>
04.
History
1980 schlug der Physiker Tim Berners-Lee, ein Mitarbeiter des CERN, ENQUIRE vor, ein System zur Nutzung und gemeinsamen Nutzung von Dokumenten durch CERN-Forscher, und erstellte einen Prototyp. 1989 schrieb Berners-Lee ein Memo, in dem er ein Internet-basiertes Hypertext-System vorschlug. Berners-Lee spezifizierte HTML und schrieb Ende 1990 die Browser- und Serversoftware. Im selben Jahr arbeiteten Berners-Lee und der CERN-Datensystemingenieur Robert Cailliau an einem gemeinsamen Antrag auf Finanzierung, aber das Projekt wurde vom CERN nicht offiziell angenommen. In seinen persönlichen Notizen aus dem Jahr 1990 listete er “einige der vielen Bereiche auf, in denen Hypertext verwendet wird” und stellte ein Nachschlagewerk an die erste Position.
Die erste öffentlich verügbare Defintition von HTML war ein Textdatei namens “HTML Tags”, die von Tim Berners-Lee Ende 1991 erstmals im Internet veröffentlicht wurde. Darin werden 18 Elemente beschrieben, die den ursprünglichen, relativ einfachen Aufbau von HTML ausmachen. Mit Ausnahme des Hyperlink-Tags wurden diese stark von SGMLguid beeinflusst, einem internen, auf der Standard Generalized Markup Language (SGML) basierenden Dokumentationsformat am CERN. Elf dieser Elemente gibt es auch in HTML 4.
HTML ist eine Auszeichnungssprache, die von Webbrowsern verwendet wird, um Text, Bilder und anderes Material zu interpretieren und zu visuellen oder hörbaren Webseiten zusammenzustellen. Die Standardmerkmale für jedes HTML-Element sind im Browser definiert, und diese Eigenschaften können durch die zusätzliche Verwendung von CSS durch den Designer der Webseite geändert oder verbessert werden.
Viele der Textelemente finden sich im technischen ISO-Bericht TR 9537 Techniques for using SGML aus dem Jahr 1988, der wiederum die Merkmale früher Textformatierungssprachen umfasst, wie z. B. die des RUNOFF-Befehls, der in den frühen 60er Jahren für das Betriebssystem CTSS (Compatible Time-Sharing System) entwickelt wurde:
Diese Formatierungsbefehle wurden von den Befehlen abgeleitet, die von Schriftsetzern zur manuellen Formatierung von Dokumenten verwendet wurden. Das SGML-Konzept des verallgemeinerten Markups basiert jedoch auf Elementen (verschachtelte, mit Attributen versehene Bereiche) und nicht nur auf Druckeffekten, und auch die Trennung von Struktur und Markup wurde in HTML mit CSS schrittweise in diese Richtung entwickelt.
Berners-Lee betrachtete HTML als eine Anwendung von SGML. Als solche wurde sie von der Internet Engineering Task Force (IETF) Mitte 1993 mit der Veröffentlichung des ersten Vorschlags für eine HTML-Spezifikation, dem Internet-Entwurf “Hypertext Markup Language (HTML)” von Berners-Lee und Dan Connolly, der eine SGML-Dokumententypdefinition zur Festlegung der Grammatik enthielt, formell definiert.
Der Entwurf wurde nach sechs Monaten ungültig, zeichnete sich aber dadurch aus, dass er das benutzerdefinierte Tag des NCSA Mosaic-Browsers zur Einbettung von Inline-Bildern anerkannte, was die Philosophie der IETF widerspiegelt, Standards auf erfolgreichen Prototypen aufzubauen. In ähnlicher Weise schlug der konkurrierende Internet-Entwurf “HTML+ (Hypertext Markup Format)” von Dave Raggett Ende 1993 vor, bereits implementierte Funktionen wie Tabellen und Ausfüllformulare zu standardisieren.
Nachdem die Entwürfe für HTML und HTML+ Anfang 1994 ausgelaufen waren, richtete die IETF eine HTML-Arbeitsgruppe ein, die 1995 “HTML 2.0” fertigstellte, die erste HTML-Spezifikation, die als State of Art angesehen wurde, an dem sich künftige Einarbeitungen orientieren sollten.
Die weitere Entwicklung unter der Schirmherrschaft der IETF wurde durch konkurrierende Interessen gestoppt. Seit 1996 werden die HTML-Spezifikationen zum unter Mitwirkung kommerzieller Softwareanbieter vom World Wide Web Consortium (W3C) gepflegt. Im Jahr 2000 wurde HTML jedoch auch zu einer internationalen Norm (ISO/IEC 15445:2000). HTML 4.01 wurde Ende 1999 veröffentlicht, und bis 2001 wurden weitere Errata veröffentlicht.
Im Jahr 2004 begann die Entwicklung von HTML5 in der Web Hypertext Application Technology Working Group (WHATWG), die 2008 zu einem gemeinsamen Ergebnis mit dem W3C wurde und am 28. Oktober 2014 abgeschlossen und standardisiert wurde.
