[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-573929-105":3,"detail-sidebar-cat-1-en-105":80,"doc-detail-573929-en":126},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":73,"head_meta":75,"extra_data":77,"updated_unix":79},105,"de","html5-css3-geolocation-and-pinned-sites-at-a-glance","HTML5, CSS3, Geolocation und Pinned Sites auf einen Blick","","Kurzer Überblick über HTML5 und CSS3 mit Fokus auf praktische Umsetzung: Neuer HTML5-Doctype und die korrekte Einbindung von Zeichencodierung, Stylesheets und Skripten. Behandelt semantische Tags wie section, nav, article, aside, hgroup sowie header und footer einschließlich typischer Anwendungsbereiche. Ergänzt durch Zeit-/Datumskennzeichnung über \u003Ctime> und Marker wie \u003Cmark>. Erweiterung um Video- und Audioelemente mit zentralen Attributen, sowie Details zu \u003Ccanvas>, dessen 2D-Kontext, Rendering-Methoden und Zeichenfunktionen.",{"@graph":14,"@context":72},[15,34,55],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/general/","General",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/html5-css3-geolocation-and-pinned-sites-at-a-glance/573929/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/html5-css3-geolocation-and-pinned-sites-at-a-glance/573929.png","ImageObject",442,249,{"name":42,"@type":43},"Levi","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-10-15","2026-10-14",true,{"@type":52,"interactionType":53,"userInteractionCount":30},"InteractionCounter",{"@type":54},"ViewAction",{"@type":56,"mainEntity":57},"FAQPage",[58,64,68],{"name":59,"@type":60,"acceptedAnswer":61},"Welche Änderungen bringt der HTML5-Doctype im Dokument mit sich?","Question",{"text":62,"@type":63},"Es wird der „Neuer HTML5-Doctype“ genannt. Zusätzlich werden wichtige Basisangaben wie \u003Chtml lang> und die UTF-8-Zeichenkodierung erwähnt.","Answer",{"name":65,"@type":60,"acceptedAnswer":66},"Welche semantischen HTML5-Tags werden für Seitenteile und Inhalte beschrieben?",{"text":67,"@type":63},"Beschrieben werden u. a. section, nav, article und aside, außerdem hgroup, header und footer. Zu jedem Tag wird der Zweck im Seitenaufbau kurz erläutert.",{"name":69,"@type":60,"acceptedAnswer":70},"Welche Inhalte deckt das Dokument zu Video, Audio und Canvas ab?",{"text":71,"@type":63},"Es nennt Attribute und Quellen für \u003Cvideo>/\u003Caudio> sowie die zugehörigen Player-Elemente und Steuerelemente. Für \u003Ccanvas> werden der 2D-Kontext, typische Attribute und Zeichenmethoden wie drawImage, beginPath, fill und stroke aufgeführt.","https://schema.org",{"og:url":32,"og:type":74,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":76,"canonical":32},"index,follow",{"doc_id":78,"site_id":7},573929,1792017983,{"code":4,"msg":81,"data":82},"success",[83,88,93,98,103,108,113,118,123],{"id":84,"doc_module":22,"doc_module_name":25,"category_name":85,"show_sort_weight":86,"slug":87},11,"Presentations",90,"presentations",{"id":89,"doc_module":22,"doc_module_name":25,"category_name":90,"show_sort_weight":91,"slug":92},12,"Resumes",80,"resumes",{"id":94,"doc_module":22,"doc_module_name":25,"category_name":95,"show_sort_weight":96,"slug":97},14,"Invoices",70,"invoices",{"id":99,"doc_module":22,"doc_module_name":25,"category_name":100,"show_sort_weight":101,"slug":102},15,"Posters",60,"posters",{"id":104,"doc_module":22,"doc_module_name":25,"category_name":105,"show_sort_weight":106,"slug":107},16,"Social Media",50,"social-media",{"id":109,"doc_module":22,"doc_module_name":25,"category_name":110,"show_sort_weight":111,"slug":112},17,"Forms",40,"forms",{"id":114,"doc_module":22,"doc_module_name":25,"category_name":115,"show_sort_weight":116,"slug":117},18,"Letters",30,"letters",{"id":119,"doc_module":22,"doc_module_name":25,"category_name":120,"show_sort_weight":121,"slug":122},21,"Paper Templates",5,"papers-templates",{"id":124,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":4,"slug":125},158,"general-158",{"code":4,"msg":81,"data":127},{"doc_id":78,"user_id":128,"nickname":42,"user_avatar":129,"doc_module":22,"category_id":124,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":30,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":26,"language":135,"language_code":8,"site_id":7,"html_lang":136,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":12,"update_tm":140,"read_time":22},7971461740909,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","HTML5, CSS3, Geolocation und Pinned Sites auf einen Blick!  \nVereinfachungen  \n\u003C!doCtYPe html> Neuer HTML5-Doctype.  \n\u003Chtml lang=“de“>\u003C/html> HTML-Tag mit Sprachangabe ohne XML-Namensraum.  \n\u003Cmeta charset=“utf-8“ /> Angabe der Zeichenkodierung.  \n\u003Clink rel=“stylesheet“ href=“Url“ /> Einbinden eines Stylesheets ohne Angabe des CSS MIME-Typs.  \n\u003Cscript>\u003C/script>, \u003Cstyle>\u003C/style> Einbinden von JavaScriptCode bzw. eines CSS-Stylesheets ohne Angabe des MIME-Typs.  \nSemantische Tags  \n\u003Csection> Spezifiziert einen beliebigen Teilbereich eines Dokuments.\u003Cnav> Bereich einer Seite, der Verweise zu anderen Seiten enthält.\u003Carticle> Spezifiziert eine abgeschlossene und inhaltlich eigenständige Abfassung (z.B. ein Artikel, ein Kommentar, etc.) innerhalb einer Seite.  \n\u003Caside> Spezifiziert einen Bereich, der keinen oder nur einengeringen Bezug zu dem ihn umgebenden Dokument hat. (z.B. eine Worterklärung, ein Zitat, etc.)  \n\u003Chgroup> Repräsentiert die Überschrift einer Seite, eines Artikelsoder einer Sektion. Kann neben einer Hauptüberschrift auch beliebige Unter-Überschriften besitzen.  \n\u003Cheader> Kopfbereich einer Seite oder eines darin eingeschlossenen Teildokuments. Umfasst üblicherweise Überschriften, Logos oder Einleitungstexte.  \n\u003Cfooter> Fußbereich einer Seite oder eines darin eingeschlossenen Teildokuments. Enthält üblicherweise Fußnoten, Quellenangaben, Worterklärungen oder Rechtstexte.  \n\u003Ctime datetime=“JJJJ-MM-TTthh:mm:ss-hh:mm“ pubdate> Text\u003C/time> Spezifiziert eine Uhrzeit und/oder ein Datum (z.B. 2011-12-24 oder 2011-12-24T20:30:00+01:00). Das Attribut pubdate gibt an, ob es sich bei dem angegebenen Zeitstempel um das Veröffentlichungsdatum des umgebenden \u003Carticle>-Elements bzw. der gesamten Seite handelt.  \n\u003Cmark> Eine hervorgehobene Textpassage.  \n\u003Cvideo> / \u003Caudio>  \nSpielt eine Video-bzw. Audio-Datei ab. Unterstützte Formatevariieren nach Browser.  \nAttribute  \nsrc=“Url“ URL der abzuspielenden Video-oder Audio-Datei.  \nwidth=“Pixel“ Breite des Players in Pixeln (nur \u003Cvideo>).  \nheight=“Pixel“ Höhe des Players in Pixeln (nur \u003Cvideo>).  \nposter=“Url“ Url eines Platzhalter-Bildes (nur \u003Cvideo>).  \nautoplay Wiedergabe automatisch starten.  \ncontrols Steuerelemente anzeigen.  \nmuted Stummschaltung aktivieren.  \nloop Wiedergabe automatisch wiederholen.  \npreload=“Wert“ Video-/Audio-Datei beim Öffnen der Seite laden. Mögliche Werte: none (nichts vorladen), metadata (nur Metadaten), auto (automatisch).  \n\u003Csource>  \nSpezifiziert die Video-oder Audio-Datenquelle eines \u003Cvideo> oder \u003Caudio>-Elements. Kann mehrfach vorkommen, wenn für das Element kein src-Attribut gesetzt ist.  \nAttribute  \nsrc=“Url“ URL der abzuspielenden Video-oder Audio-Datei. type=‘MIME-Typ‘ MIME-Typ und Codec der abzuspielenden Datei, [z.B. video/mp4](z.B. video/mp4); codecs=“avc1.42E01E, mp4a.40.2“ oder audio/mp3  \nHTMLVideoElement / HTMLAudioElement  \nZu \u003Caudio> bzw. \u003Cvideo> Tag korrespondierender DOM-Elementtyp  \nAttribute und Methoden  \nplay() Wiedergabe starten.  \npause() Wiedergabe anhalten.  \ncurrenttime Aktuelle Wiedergabeposition in Sekunden (lesen/ schreiben).  \nduration Länge der Medien-Datei in Sekunden. canPlaytype(MIME-Typ) Liefert einen Wert zurück, der angibt, ob der spezifizierte Medientyp abgespielt werden kann. Mögliche Werte:  \n„“(Leer) Kann nicht abgespielt werden maybe Möglicherweise (je nach Codec) probably Wahrscheinlich  \n\u003Ccanvas>  \nErzeugt eine zweidimensionale Zeichenfläche, die per JavaScript angesteuert werden kann.  \nAttribute  \nwidth=“Pixel“ Breite der Zeichenfläche in Pixeln.  \nheight=“Pixel“ Höhe der Zeichenfläche in Pixeln.  \nHTMLCanvasElement  \nZu \u003Ccanvas> Tag korrespondierender DOM-Elementtyp.  \nAttribute und Methoden  \ngetContext(“2d“) Liefert den 2D-Zeichenkontext des CanvasElements zurück.  \nCanvasRenderingContext2D  \n2D-Zeichenkontext des Canvas-Elements.  \nAttribute  \nstrokeStyle Strich-Stil, [z.B. red](z.B. red), \\#FF14EA, rgb(128,0,13) fillStyle Füll-Stil, wie strokeStyle  \nfont Schriftart, z.B. bold 14px Arial  \ntextAlign Hor","cbCaifZ5v4lC893h","https://ap.wps.com/l/cbCaifZ5v4lC893h","pdf",2276512,"German","en","# HTML5-Doctype & Grundelemente\n## Semantische Tags und Metadaten\n## Video/Audio und Canvas-Überblick","[{\"question\":\"Welche Änderungen bringt der HTML5-Doctype im Dokument mit sich?\",\"answer\":\"Es wird der „Neuer HTML5-Doctype“ genannt. Zusätzlich werden wichtige Basisangaben wie \\u003chtml lang\\u003e und die UTF-8-Zeichenkodierung erwähnt.\"},{\"question\":\"Welche semantischen HTML5-Tags werden für Seitenteile und Inhalte beschrieben?\",\"answer\":\"Beschrieben werden u. a. section, nav, article und aside, außerdem hgroup, header und footer. Zu jedem Tag wird der Zweck im Seitenaufbau kurz erläutert.\"},{\"question\":\"Welche Inhalte deckt das Dokument zu Video, Audio und Canvas ab?\",\"answer\":\"Es nennt Attribute und Quellen für \\u003cvideo\\u003e/\\u003caudio\\u003e sowie die zugehörigen Player-Elemente und Steuerelemente. Für \\u003ccanvas\\u003e werden der 2D-Kontext, typische Attribute und Zeichenmethoden wie drawImage, beginPath, fill und stroke aufgeführt.\"}]","HTML5, CSS3, Geolocation und Pinned Sites auf einen Blick | PDF",1791951950]