HTML and CSS Reference
In-Depth Information
Insbesondere wenn Sie umfangreichere Webseiten verfassen, lohnt sich auch die
Resources
-
Ansicht innerhalb des Web Inspectors, um die Ladezeiten der einzelnen Elemente zu
analysieren und festzustellen, ob wirklich alle Dateien geladen werden konnten.
Google Chrome
Den Safari Web Inspector finden Sie in Chrome ebenfalls, nur umbenannt in
Developer
Tools
. Ansonsten sind die Funktionen und selbst das Aussehen des nützlichen Werk-
zeugs gleich.
Firefox Firebug
Firefox ist leider (noch) nicht von Haus aus ausgestattet mit einer derartigen Funktion,
selbst wenn Firefox der erste Browser war, der mit einem derartigen Tool benutzt
werden konnte. Das kommt daher, dass das Firefox-Plug-in
Firebug
zu den beliebtesten
Webentwicklungs-Tools gehört. Um Firebug zu benutzen, müssen Sie das Plug-in von
www.getfirebug.com
in Firefox herunterladen und installieren. Die Funktionsweise ist
nahezu identisch mit dem Safari Web Inspector.
1.4.3
Form-Elemente mit iWebKit 5
Im folgenden Abschnitt erfahren Sie, wie Sie Form-Elemente mit dem iWebKit-
Framework erstellen können. Dazu ein einfaches Beispiel:
<!
Einfaches HTML Beispiel mit iWebKit CSS Selektoren
Markus Spiering
>
<!DOCTYPE>
<html>
<head>
<title>Oldtimer Spiering</title>
<meta name "viewport" content "width device width; initial scale 1.0;
maximum scale 1.0; user scalable 0;" />
<meta name "apple mobile web app status bar style" content "black"/>
<link rel "stylesheet" type "text/css" href "style.css">
</head>
<body>
<div id "topbar" class "transparent" >
<div id "leftnav"><a href "iwebkit autohaus.html">Zurück</a></div>
<div id "title">Preisrechner</div>
</div>
<div id "content">
<ul class "pageitem">
<li class "textbox">
<p>Wie viel kostet Sie ein Oldtimer?</p>
</li>
</ul>
<form action "http://..." method "post">
<fieldset>
<span class "graytitle">Auto & Baujahr:</span>
