[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-573929-105":53,"doc-detail-573929-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},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":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/html5-css3-geolocation-and-pinned-sites-at-a-glance/573929/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/html5-css3-geolocation-and-pinned-sites-at-a-glance/573929.png","ImageObject",442,249,{"name":88,"@type":89},"Levi","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-15","2026-10-14",true,{"@type":98,"interactionType":99,"userInteractionCount":76},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"Welche Änderungen bringt der HTML5-Doctype im Dokument mit sich?","Question",{"text":108,"@type":109},"Es wird der „Neuer HTML5-Doctype“ genannt. Zusätzlich werden wichtige Basisangaben wie \u003Chtml lang> und die UTF-8-Zeichenkodierung erwähnt.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"Welche semantischen HTML5-Tags werden für Seitenteile und Inhalte beschrieben?",{"text":113,"@type":109},"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":115,"@type":106,"acceptedAnswer":116},"Welche Inhalte deckt das Dokument zu Video, Audio und Canvas ab?",{"text":117,"@type":109},"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":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},573929,1792017983,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":76,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":73,"language":135,"language_code":57,"site_id":56,"html_lang":136,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":9},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]