• 0
      1. Tu carrito está vacío.
    • artículo(s)0,00
8. April 2020 Njla772

HTML, oder Hypertext Markup Language, ist der Code, der das Internet betreibt. Es ist eine Auszeichnungssprache. Das bedeutet, dass es Tags verwendet, um Elemente zu definieren, z.B. um Text fett zu markieren oder Bilder mit Code anzuzeigen.

Was ist HTML5? Es ist die fünfte Version der HTML-Auszeichnungssprache (HyperText Markup Language, Version 5).

 

Sir Tim Berners-Lee und HTML

HTML ist die vereinheitlichende Sprache des World Wide Web. Wie das Web selbst wurde auch die HyperText Markup Language von Sir Tim Berners-Lee entwickelt. 1991 schrieb er ein Dokument mit dem Titel "HTML Tags", in dem er weniger als zwei Dutzend Elemente vorschlug, die zum Schreiben von Webseiten verwendet werden könnten.

 

Damit etwas wie das Web existieren und sich ausbreiten kann, muss es auf freien, öffentlichen Standards basieren. Das Netzwerk darf keinen Eigentümer haben.

Sir Tim Berners-Lee

Das W3C und die WHATWG

W3C, das World Wide Web Consortium, veröffentlichte nachfolgende Iterationen des HTML-Standards in http://www.w3.orgDie erste Version der Software war die Version 4.0 (es gab nie eine Version 1.0).

Die nächste Entwicklung ging zu XHTML, wobei X erweiterbar bedeutet. Dies erforderte von den Autoren die Einhaltung der Regeln von XMLDas W3C verwendet auch eine strengere Auszeichnungssprache, die die Grundlage der meisten seiner Technologien bildet.

Die Veröffentlichung von XHTML 1.0 fiel zeitlich mit der Zunahme der Browser-Unterstützung für CSS.

Daraufhin wurde die Web Hypertext Application Technology Working Group, kurz WHATWG, gegründet.

Gestaltungsprinzipien

Die WHATWG entwarf eine Reihe von Designprinzipien, die die Entwicklung von HTML5 leiten sollen.

Eines der Schlüsselprinzipien ist die "Unterstützung bestehender Inhalte".

Das bedeutet kein Jahr Null für HTML5. Websites, die derzeit in einer beliebigen Version von HTML erstellt werden, verwenden bereits HTML5.

Weitere Gestaltungsprinzipien sind

  • Erfinden Sie das Rad nicht neu
  • Abgewertet elegant
  • Pflasterung der Wege (Wenn es nicht kaputt ist, reparieren Sie es nicht)
  • Evolution statt Revolution
  • Echte Probleme lösen
  • Vorrang der Wahlkreise (im Konfliktfall Benutzer vor Autoren vor Implementierern vor Spezifizierern vor theoretischer Reinheit berücksichtigen)
  • Sicherheit wird berücksichtigt
  • Trennung von Inhalt und Präsentation
  • Konsistenz des DOM (Document Object Model)
  • Gut definierter Betrieb
  • Vermeidung unnötiger Komplexität
  • Fehlerkontrolle
  • Unterstützung für die Sprachen der Welt
  • Unabhängigkeit von der Umwelt
  • Zugänglichkeit

 

Die Webstandards sind so weit fortgeschritten, dass es nun möglich ist, fast alles mit HTML zu erstellen, CSS und JavaScript. Während zur Veröffentlichung von Text oder Bildern, HTML und CSS sind ausreichend, für Audio oder Video war bisher ein Plugin vom Typ Flash oder Silverlight erforderlich. Mit HTML5 sind diese Plugins nicht mehr notwendig. Die Rich-Media-Elemente in HTML5 sind für den Browser nativ.

Zugang zu den wichtigsten Websites des W3C, der WHATWG und des Chromium-Teams

https://html.spec.whatwg.org/multipage/

https://w3c.github.io/

https://developers.google.com/web

 

HTML- und WYSIWYG-Editoren

Wir können HTML in einem einfachen Notepad schreiben, es als .html-Datei speichern und die Datei in einem Browser ablegen, um zu sehen, wie sie aussieht.

HTML-Editoren verfügen über Funktionen, die diese Arbeit erleichtern, wie z.B. Syntaxhervorhebung, Autovervollständigung und Fehlererkennung. Diese Editoren arbeiten in der Regel auch mit JavaScript, PHP und CSS.

WordPress hat eine reichhaltige visuelle Schnittstelle und einen Texteditor namens TinyMCE WYSIWYG (Akronym für What You See Is What You Get).

Es gibt mehrere HTML-Editoren mit erweiterten Funktionen, wie zum Beispiel

Notizblock++

Visual Studio-Code

Klammern

 

 

HTML und SEO

SEO ist die Optimierung der Website, um ihre Positionierung in den Google-Suchergebnissen zu verbessern.

Zu diesem Zweck können bestimmte Tags im HTML-Code der Seite optimiert werden. Dies sind die Titel, Überschriften, Bilder und Links.

Auf der anderen Seite gibt es den Wortlaut eines wertvoller Inhalt basierend auf zuvor definierten Schlüsselwörtern.

Enthaltene HTML-Code-Elemente für SEO:

  • Metadaten (Meta-Beschreibung und Meta-Schlüsselwörter)
  • Titel (
  • Überschriften h1 und h2 (wir können Überschriften entsprechend ihrer Bedeutung von H1 bis H6 festlegen)
  • Bilder (sowohl im Dateinamen als auch im alternativen Text)
  • Titel der Links
  • Der Hauptteil des Textes

Werkzeuge und Plug-Ins sollten verfügbar sein für SEO. Zum Beispiel in WordPress, Yoast ist ein Plugin, das es Ihnen ermöglicht, die Website unter Berücksichtigung der wichtigsten Faktoren zu optimieren SEO. Aber es reicht nicht aus, Werkzeuge zu haben oder HTML zu kennen. Das erste ist eine solide digitale Marketingstrategie.

Die Grenze der Maschinen ist nicht ihre Kraft, sondern unsere Vorstellungskraft.

Sir Tim Berners-Lee

 

Verwandte Lesungen:

Anpassung an mobile Geräte - Reaktionsfähige Designs

25 Jahre Webdesign. Trends und Lösungen

SEO im Prestashop

Kontakt aufnehmen
Mitteilungsblatt

Abonniere den Newsletter über E-Commerce und digitale Transformation

Trends, Tipps, Ebooks und mehr
rund um Ecommerce und Business Intelligence

Ausserdem schenken wir Dir das 1º Kapitel aus unserem Buch «Verbinde Dein Unternehmen. Die digitale Transformation del Vertriebskanäle»

Mitteilungsblatt
Kontakt aufnehmen
Kontakt
connect-logo-white-retinue

Produkt

Infos

Support

Verbinde Dein Unternehmen.

Branding

In HUB 360 findest Du alle Technologien und Services für Deine ECommerce-Strategie.

Ecommerce

Integriere Dein E-Commerce in ERP mit allen Online Kanälen.

922-014-341

Proyecto Cofinanciado por el Fondo Europeo de Desarrollo Regional. Beneficiario: Conecta Software Soluciones SLU. Nº expediente: EATIC2019010001. Inversión Aprobada: 173.800,00 €. Comienzo: 01/04/2019. Finalización: 30/09/2020. El presente proyecto tiene como objetivo el desarrollo de una capa de usuario multilingüe y dashboards para entornos web y windows de solución de Business Intelligence.

Projekt kofinanziert durch den Europäischen Fonds für regionale Entwicklung. Begünstigter: Conecta Software Soluciones SLU. Aktenzeichen: PI2019010001. Genehmigte Investition: 6.444,80 Startdatum: 17/10/2018. Abschluss: 16.10.2019. Ziel des vorliegenden Projekts ist die Entwicklung einer Konnektor-Software, die die Erstellung virtueller Kataloge automatisiert, so dass das Unternehmen in seinem Online-Shop Produkte mit einer umfassenden Beschreibung und mit Bildern anbieten kann, die die Benutzererfahrung reicher und vollständiger machen.

2020 ALLE RECHTE VORBEHALTEN. SOFTWARE VERBINDEN

Kontakt
Deutsch
Deutsch Español English (UK)