Das Anzeigen des HTML-Quellcodes einer Webseite ist eine der einfachsten (und dennoch effektivsten) Möglichkeiten, HTML zu lernen, insbesondere für neuere Web-Profis, die gerade erst mit der Branche beginnen. Wenn Sie etwas auf einer Website sehen und wissen möchten, wie es gemacht wurde, sehen Sie sich den Quellcode dieser Website an.
Wenn Ihnen das Layout einer Website gefällt, können Sie durch das Anzeigen der Quelle, wie das Layout erreicht wurde, Ihre eigene Arbeit lernen und verbessern. Im Laufe der Jahre haben viele Webdesigner und -Entwickler eine Menge HTML gelernt, indem sie einfach die Quelle der angezeigten Webseiten anzeigen. Es ist eine großartige Möglichkeit für Anfänger, HTML zu lernen, und für erfahrene Web-Profis, wie neue Techniken auf eine Website angewendet werden können.
Denken Sie daran, dass Quelldateien sehr kompliziert sein können. Neben dem HTML-Markup für eine Seite wird es wahrscheinlich viele CSS- und Skriptdateien geben, die zum Erstellen des Aussehens und der Funktionalität dieser Website verwendet werden. Machen Sie sich also nicht frustriert, wenn Sie nicht sofort herausfinden können, was los ist. Das Anzeigen des HTML-Quellcodes ist nur der erste Schritt. Anschließend können Sie Tools wie die Web Developer-Erweiterung von Chris Pederick verwenden, um sich CSS und Skripts anzusehen und bestimmte Elemente des HTML-Codes zu überprüfen.
Wenn Sie den Safari-Browser verwenden, können Sie den Quellcode einer Seite anzeigen, um zu sehen, wie sie erstellt wurde.
So zeigen Sie den HTML-Quelltext in Safari an
-
Safari öffnen.
-
Navigieren Sie zu der Webseite, die Sie untersuchen möchten.
-
Klicke auf das Entwickeln Menü in der oberen Menüleiste.
Wenn das Menü "Entwickeln" nicht sichtbar ist, gehen Sie zu "Einstellungen" im Abschnitt "Erweitert" und wählen Sie "Entwicklungsmenü anzeigen" in der Menüleiste.
-
Klicken Seitenquelle anzeigen. Dies öffnet ein Textfenster mit dem HTML-Quelltext der betrachteten Seite.
Tipps
- Auf den meisten Webseiten können Sie die Quelle auch anzeigen, indem Sie mit der rechten Maustaste auf die Seite (nicht auf ein Bild) klicken und Seitenquelle anzeigen wählen. Dies wird nur angezeigt, wenn das Entwicklungsmenü in den Voreinstellungen aktiviert ist.
- Safari hat auch eine Tastenkombination zum Anzeigen des HTML-Quellcodes. Halten Sie die Befehls- und Optionstasten gedrückt und drücken Sie die U-Taste (Cmd-Opt-U).
Ist das Anzeigen des Quellcodes legal?
Das Kopieren eines Codes für eine Site im Großen und Ganzen ist zwar nicht akzeptabel, aber die Verwendung dieses Codes als Sprungbrett, um daraus zu lernen, ist, wie viele Fortschritte in dieser Branche erzielt werden. In der Tat wäre es heute schwer, einen funktionierenden Web-Profi zu finden, der durch das Anzeigen der Quelle einer Website nicht etwas gelernt hat!
Am Ende lernen Web-Profis voneinander und verbessern oft die Arbeit, die sie sehen und von denen sie inspiriert werden. Zögern Sie also nicht, den Quellcode einer Website anzusehen und als Lernwerkzeug zu verwenden.
