<\/HEAD>
Lernhilfe für den Introduction to Web Development Using ArcGIS API for JavaScript<\/A> (IWEB) Instructor-geführten Kurs.<\/P><\/P>
Grundlegende Webseite<\/H3><SPAN class="doctype token"><!DOCTYPE html><\/><SPAN class=\"token tag\"><SPAN class=\"token tag\"><SPAN class=\"punctuation token\"><<\/>html<\/><SPAN class=\"punctuation token\">><\/><\/><SPAN class=\"token tag\"><SPAN class=\"token tag\"><SPAN class=\"punctuation token\"><<\/>head<\/><SPAN class=\"punctuation token\">><\/><\/><SPAN class=\"token tag\"><SPAN class=\"token tag\"><SPAN class=\"punctuation token\"><<\/>meta<\/> <SPAN class=\"attr-name token\">charset<\/><SPAN class=\"attr-value token\"><SPAN class=\"punctuation token\">=<\/><SPAN class=\"punctuation token\">"utf-8<\/><SPAnclass=punctuation token>"> </SPAN></SPAN></SPAN></SPAN></SPAN></SPAN> ... (truncated for brevity) ... href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html" rel="nofollow noopener noreferrer" target="_blank"><html>HTML <html> Tag<head>...</head>
Das <head>-Element liefert Metadaten über das Dokument. Inhalte im head-Bereich, außer dem <title>-Element, werden im Browser nicht angezeigt.
Referenzen:
<meta charset="utf-8">
Identifiziert für den Browser die in der Seite verwendete Zeichenkodierung. UTF steht für Unicode Transformation Format und 8 zeigt an, dass 8-Bit-Blöcke zur Darstellung eines Zeichens verwendet werden. <meta charset="utf-8"> wird in HTML5-Seiten verwendet. Die Deklaration des Zeichensatzes sollte in den ersten 1024 geladenen Zeichen stehen.
Referenzen:
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
Das viewport meta Element ermöglicht Webentwicklern die Kontrolle darüber, wie Inhalte auf mobilen Geräten angezeigt werden. Aufgrund der kleineren Bildschirmgrößen mobiler Geräte rendern mobile Browser Webseiten in einem virtuellen Fenster – dem viewport – das normalerweise breiter als der tatsächliche Bildschirm ist. Die Verwendung von viewport bedeutet, dass der Inhalt nicht zusammengedrückt wird, um auf den Bildschirm des Geräts zu passen. Die Eigenschaft initial-scale steuert den Zoom-Level beim ersten Laden der Seite. Die Eigenschaften maximum-scale, minimum-scale und user-scalable steuern, wie Benutzer die Seite herein- oder herauszoomen dürfen.
Die Einstellung des viewport initial-scale und maximum-scale auf 1 und user-scalable=no bedeutet, dass die Seite auf dem mobilen Gerät korrekt angezeigt wird und verhindert, dass der Benutzer die Seite herein- oder herauszoomt. Dies ist vorteilhaft, da dieselben Gesten zum Herein- und Herauszoomen in jeder interaktiven Karte verwendet werden, die auf dem Gerät angezeigt wird.
Referenzen:
<!-- HTML Kommentar -->
Sie können Ihre Webseite kommentieren, indem Sie Text zwischen '<!--' und '-->' setzen. Kommentare werden im Browser nicht angezeigt.
<title>IWEB | Basic Web Page</title>
Legt den Titel des Dokuments fest. Der Titel des Dokuments wird in der Titelleiste des Browserfensters, auf einem Tab der Seite oder als Text beim Lesezeichen einer Seite angezeigt.
Referenzen:
Das <link>-Element wird verwendet, um externe Ressourcen zu laden, in diesem Fall das claro Stylesheet von Dojo. Externe Stylesheets können in mehreren Dokumenten verwendet werden.
Referenzen:
<style>...</style>
Das <style>-Element legt das Styling für das Dokument oder Teile des Dokuments fest. Die Verwendung des <style>-Elements beschränkt das Styling auf das aktuelle Dokument.
Referenzen:
<body>...</body>
Die Inhalte, die im Browser angezeigt werden sollen, werden im <body>-Element platziert.
Referenzen: