Webentwickler gehören zu den populärsten und am meisten respektierten Berufen im Bereich der Informationstechnologie. Große und kleinere Unternehmen nehmen täglich ihre Dienste in Anspruch.
Da alles und jeder heutzutage im Internet vertreten ist, musst der moderne Entwickler unbedingt HTML beherrschen. Manche Arbeitgeber locken mit hoher Bezahlung, andere bieten sonstige Vergünstigungen. Aber egal für welchen potenziellen Arbeitgeber du dich auch entscheidest: Zu einer umfassenden Vorbereitung gehört, sich auf die Fragen über HTML vorbereiten, die einen im Bewerbungsgespräch erwarten.
In diesem Tutorial wollen wir die häufigsten HTML-Fragen besprechen, die gerne in Vorstellungsgesprächen gestellt werden. Dazu werden wir zunächst mit den HTML-Grundlagen anfangen und widmen uns dann den Fragen für Fortgeschrittene.
Die häufigsten Fragen über HTML im Bewerbungsgespräch
Zunächst wollen wir einige einfache Fragen besprechen, die dir eventuell im Bewerbungsgespräch begegnen werden. Du wirst feststellen, dass die meisten Arbeitgeber gern mit einfachen Fragen anfangen, um dir einen guten Einstieg in das Gespräch zu ermöglichen.
Danach wollen wir uns ein paar von den komplexeren Fragen zuwenden.
Bevor wir anfangen, noch ein paar Worte über Anglizismen: Sie lassen sich in der Informatik nicht völlig vermeiden. In einem Einstellungsgespräch verzweifelt zu versuchen, sich deutsche Begriffe für HTML oder Tag zu überlegen, ist keine gute Idee. Verwende daher ruhig die englischen Begriffe – sie sind in der Industrie im Allgemeinen bekannt und akzeptiert.
Frage 1: Was ist HTML?
Wahrscheinlich denkst du dir jetzt, dass diese Frage nicht ganz ernst gemeint sein kann. Schließlich willst du Webentwickler werden, und die sollten doch sicher alle wissen was HTML ist...oder?
So seltsam ist die Frage aber gar nicht. Viele Arbeitgeber stellen diese Art von Fragen, um zu testen, wie gut du darin bist, etwas in deinen eigenen Worten möglichst exakt zu definieren. Sie wollen wissen, wie du denkst und auf welche Art und Weise du solche Aufgaben angehst.
Jetzt kostenlosen Crashkurs sichern (Online Programmieren, keine Installation nötig)
Um die Frage möglichst einfach zu beantworten: HTML ist die Sprache des Internets. HTML steht für „HyperText Markup Language“. HTML wird genutzt, um Webseiten, Webapplikationen und alles was sonst noch dazugehört, zu erstellen.
Frage 2: Was ist ein Tag?
Fragen, bei denen du bestimmte Aspekte von HTML definieren sollst, werden häufiger am Anfang von Interviews angebracht. Du solltest dir diese Fragen und die dazugehörigen Antworten also unbedingt merken!
Tags sind Symbole, die Inhalte einschließen. Sie werden genutzt, um das Gerüst der Webseite zu definieren. Dabei formatieren sie den Inhalt der Webseite derart, um ihn im Internet möglichst sinnvoll darzustellen.
Frage 3: Was ist der Unterschied zwischen physischen und logischen Tags?
Eine weitere, ziemlich häufige Art von HTML-Fragen in Jobinterviews, sind Fragen, bei denen du Aspekte von HTML vergleichen und die Unterschiede erklären sollst. Es lohnt sich also, gut aufzupassen.
Inhalte, die zwischen physischen Tags platziert werden, werden genau so dargestellt, wie es das physische Tag vorgibt. Ein Beispiel hierfür ist das <i> Tag, das Text kursiv darstellt. Logische Tags machen eine Aussage über die Bedeutung und Wichtigkeit des Inhalts, den sie einschließen. Ein Beispiel hierfür ist das <em> Tag, das für das englische Wort „emphasize“, also zu Deutsch hervorheben steht.
Beide Tags stellen Text kursiv dar. Was also ist der Unterschied? Das physische Tag beschreibt lediglich, dass der Taginhalt kursiv gerendert werden soll. Das logische Tag dagegen stellt die Betonung des Inhalts in den Vordergrund. Dies hat Auswirkungen z.B. auf Suchmaschinen wie Google, die diese Tags nutzen, um Rückschlüsse auf den Inhalt der Webseite zu ziehen.
Frage 4: Solltest du alle deine Tags schließen?
Obwohl du dir wahrscheinlich zuerst denkst, dass das doch offensichtlich ist, ist die Frage etwas trickreicher, als du vielleicht denkst.
Nicht alle Tags müssen geschlossen werden. Das liegt einfach daran, dass nicht alle öffnenden HTML Tags ein schließendes HTML Tag benötigen.
Frage 5: Was ist ein Attribut?
Ein Attribut ist einfach eine zusätzliche Information, die ein Tag beinhaltet. Diese Information beeinflusst die Art und Weise, wie das Tag in der Live-Version der Webseite agiert.
Diese Attribute werden den Tags in der gleichen Art wie ihr Name zugeordnet.
Ein Beispiel: <img src="htmliscool.png">
Hierbei ist src ein Attribut des Tags <img> das in dem Fall angibt, welche Bilddatei durch den Browser gerendert werden soll.
Frage 6: Nenne ein paar Strukturelemente, die mit HTML 5 eingeführt wurden.
Wie du dir wahrscheinlich schon gedacht hast, werden garantiert neben allgemeinen Fragen über HTML auch Fragen kommen, die speziell auf HTML5 abzielen. Es ist daher eine gute Idee, dich über die Unterschiede vorher ausgiebig zu informieren.
HTML5 führte viele neue Elemente ein. An dieser Stelle wollen wir daher nur exemplarisch einige Beispiele nennen:
- header
- footer
- main
- article
Frage 7: Warum werden manche Zeichen nur als leere Boxen dargestellt?
Dieses Problem kann häufiger auftreten. Der Grund dafür ist, dass manche Browser nicht alle verwendeten Zeichen darstellen können.
Frage 8: Wie viele verschiedene Größen von Überschriften (Headings) werden von HTML-Dokumenten unterstützt?
HTML unterstützt sechs verschiedene Größen von Überschriften, im Englischen als Heading bezeichnet. Diese sogenannten Headings unterscheiden sich in der Größe. Dabei ist Heading 1 die größte und Heading 6 die kleinste Überschrift.
Frage 9: Was ist der Unterschied zwischen „block“ und „inline“-Elementen?
Blockelemente werden immer so dargestellt, dass sie den maximal zur Verfügung stehenden Platz vereinnahmen. Inlineelemente dagegen nehmen nur den Platz ein, den sie auch wirklich brauchen.
Frage 10: Was ist XHTML?
Diese Frage könnte entweder einer der auf HTML 5 bezogenen Interviewfragen sein, oder sie könnte zu einem völlig anderen Themengebiet gehören. Das liegt daran, dass XHTML eine eigene Version von HTL ist.
XHTML wird dazu verwendet, die populärsten Versionen von HTML zu erweitern.
Frage 11: Wie lassen sich Formularelemente gruppieren?
Wenn du mehrere Formularelemente in einer einzelnen Gruppe zusammenfassen möchtest, solltest du das fieldset Tag verwenden.
Frage 12: Wofür benutzt man eine “Image Map”?
Eine sogenannte Image-Map ist ein Werkzeug, mit dem man bestimmten Bereichen eines Bildes individuelle HTML Links zuordnen kann. Dies ist ein tolles Werkzeug um großartig aussehende Banner und Coverbilder für Webseiten zu erzeugen. Ein Klick auf einen bestimmten Bildbereich führt dann zur entsprechend zugeordneten Seite.
Frage 13: Sollte man Leerzeichen („white spaces“) entfernen?
Zuerst könnte man meinen, dass es sich bei der Frage um eine Trickfrage handelt. Aber du solltest dich nicht beirren lassen – bei HTML kann das Entfernen von Leerzeichen durchaus sinnvoll sein.
Bei HTML ist ein Leerzeichen ein Zeichen wie jedes andere. Somit kann Leerraum auch Platz verbrauchen. Durch das Entfernen von Leerzeichen kannst du potentiell Platz sparen und die Lesbarkeit deiner Webseite erhöhen.
Frage 14: Was sind Anchor Tags?
Die sogenannten anchor tags werden zur Erzeugung von Hyperlinks genutzt. Dabei zeigen diese Links auf Inhalte, die bereits auf der Seite existieren. Mit anchor tags ist es möglich, schnell innerhalb einer Seite zwischen verschiedenen Bereichen hin- und herzuspringen.
Insgesamt gibt es drei Typen von anchor tags – active, visited und unvisited.
Frage 15: Wird HTML5 von allen Browsern unterstützt?
Diese Frage lässt sich pauschal nicht beantworten. Praktische alle aktuellen Browser unterstützen HTML 5. Bei älteren Versionen kannst du dich aber nicht immer darauf verlassen. Insbesondere ältere Versionen von Internet Explorer haben mit HTML 5 Schwierigkeiten.
Fortgeschrittenen Fragen über HTML im Bewerbungsgespräch
Wir haben uns einige der einfacheren Fragen über HTML und HTML 5 angeschaut. Wenn dieser Teil des Interviews abgehakt ist, wird dein Gegenüber wahrscheinlich dazu übergehen, etwas schwierigere Fragen zu stellen. Deswegen wollen wir nun auch noch auf Fragen für erfahrenere Webentwickler eingehen. Wenn du auch diese Fragen beantworten kannst, bist du für dein Einstellungsgespräch gut vorbereitet.
Frage 16: Was sind semantische Elemente?
Einfache Elemente bzw. Tags beschreiben lediglich wie eine Seite aussieht, während semantische Elemente eine eindeutige Aussage über ihren Inhalt machen. Beispiele hierfür sind form, table und article. Wie du siehst, sieht man hier bereits an dem Tag, welcher Inhalt präsentiert wird, während das beispielsweise bei div nicht der Fall ist.
Frage 17: Wie funktioniert die Datenhaltung bei HTML 5?
Bei HTML 5 gibt es zwei Möglichkeiten, Daten vorzuhalten. Daten, die im lokalen Speicher (engl: local storage) gespeichert werden, sind persistent und verschwinden nicht, wenn der Browser geschlossen wird. Dagegen werden Daten, die in einer Sitzung gespeichert werden (engl: session storage), bei Beenden des Browsers automatisch gelöscht.
Frage 18: Was passiert, wenn zwei Paare von Tags überlappen?
Wenn du aus Versehen zwei oder mehr Paare von Tags überlappen lässt, merkst du das wahrscheinlich recht schnell, wenn du dir die Webseite im Browser anschaust. Sollte das passieren, wird nur das erste Tag aktiv sein.
Um solche Fehler und Inkonsistenzen zu erkennen, solltest du dir die Live-Version und den Quelltext deiner Seite genau anschauen und prüfen.
Frage 19: Lässt sich die Farbe von Aufzählungszeichen ändern?
Die Frag gehört zu denen, die dich wahrscheinlich erstmal vom etwas aus dem Konzept bringen werden.
Die Antwort: Die Farbe von Aufzählungszeichen lässt sich nicht direkt ändern. ABER: Du kannst die Farbe dadurch ändern, indem du die generelle Farbe des Textes in der ersten Zeile deines Dokuments änderst.
Frage 20: Wie lässt sich JavaScript in eine Webseite einfügen?
Momentan gibt es zwei Möglichkeiten, JavaScript in eine HTML-Seite einzufügen:
- inline, mit einem <script>-Block
- durch einen Link auf eine Javascript-Datei
Frage 21: Was ist ein application cache?
Ein application cache ist eine Funktion, die es dir ermöglicht, deine Webseite im offline-modus zu betreiben. Das ist vor allem dann gut, wenn du die Seite testen willst. Offline werden Ressourcen deutlich schneller geladen und du kannst schneller Änderungen einpflegen.
Jetzt kostenlosen Crashkurs sichern (Online Programmieren, keine Installation nötig)
Frage 22: Was ist ein ‘marquee’?
Ein marquee isst eine Funktion, die es dir ermöglicht, scrollenden Text in deine Webseite einzubetten. Dabei genügt es, diesen Text zwischen marquee-Tags zu platzieren.
Frage 23: Was sind APIs?
Dies ist eine der häufigsten Fragen über HTML5 in in Interviews. API steht für Application Programming Interface, zu deutsch also Programmierschnittstelle. Diese Schnittstellen werden für das Erstellen von Webapplikationen verwendet. APIs benutzen existierende Werkzeuge und Komponenten, die Webentwickler beim Erstellen ihrer Webseite verwenden können.
Frage 24: Was ist der Unterschied zwischen normalen und aktiven Links?
Normale Links werden normalerweise in blau angezeigt. Sie können aktiv werden, wenn man den Mauscursor auf sie platziert.
Frage 25: Was ist WebSQL?
WebSQL ist eine Datenbank, die Informationen über die Leute speichert, die deine Webseite besuchen oder sich auf ihr registrieren. WebSQL speichert ihre Suchpräferenzen, besuchte Seiten, geklickte Links usw. Dabei ist wichtig zu wissen, dass WebSQL keine Passwörter, Kreditkarteninformationen oder sonstige sensitivite Daten speichert. Wenn du im Jobinterview über WebSQL gefragt wirst, solltest du dies unbedingt erwähnen.
Frage 26: Was ist eine “Entity”?
Sollte dir diese Frage gestellt werden, redet dein potentieller Arbeitgeber wahrscheinlich über spezielle Zeichen, die von HTML nicht unterstützt werden. Dabei handelt es sich um bestimmte Zeichen, die HTML für seine eigene Syntax reserviert. Ein Beispiel für ein solches Zeichen ist beispielsweise „<“, das normalerweise für Tags genutzt wird.
Damit der Browser diese Zeichen dennoch anzeigen kann, werden Entitäten genutzt. „<“ wird beispielsweise durch die Entität < repräsentiert.
Frage 27: Was bedeutet das “cite” Tag?
Das “cite” tag wird – wie du dir wahrscheinlich schon gedacht hast – dazu benutzt, einen Teil deines Texts als Zitat zu deklarieren. „cite“ gehört dabei zur Kategorie der inline Tags.
Frage 28: Unterstützt HTML 5 Videoinhalte?
Ja, und zwar in drei verschiedenen Formaten:
- MP4
- OGG
- WebM
Frage 29: Was ist die Standardgröße eines Textfelds?
Diese Frage hört sich nach einer Trickfrage an und wird bei dich vielleicht zunächst überraschen.
Die Antwort auf die Frage ist aber ganz einfach: Die maximale Anzahl von Zeichen in einem Standardtextfeld ist 13.
Frage 30: Ein Teil des Texts wird augenscheinlich außerhalb der Grenzen der Seite angezeigt. Woran liegt das?
Normalerweise ist das unmöglich. HTML hat klar definierte Grenzen, die von Text nicht übersprungen werden können. In einigen seltenen Fällen kann das aber dennoch vorkommen, beispielsweise wenn eine Tabelle falsche Parameter (besonders die Breite ist entscheidend) gesetzt hat.
Zusammenfassung
In diesem Tutorial haben wir einige der häufigeren und bekannteren Fragen über HTML behandelt. Du solltest jetzt ein besseres Verständnis sowohl über die Grundlagen von HTML haben. Ebenso solltest du ein Gefühl dafür haben, welche Fragen über HTML beim Jobinterview auf dich warten.
Natürlich lassen sich im Rahmen eines solchen Tutorials nicht alle möglichen Fragen (und alle ihrer Varianten!) abhandeln. Damit würden sich wahrscheinlich mehrere Bücher füllen lassen. Trotzdem habe ich versucht, einige der populärsten Fragen und vor allem auch die Art, wie sie gestellt werden, vorzustellen.
Wenn du dich auf dein Jobinterview vorbereitest, solltest du dir unbedingt Notizen über möglich Fragen machen. Ebenso solltest du darüber nachdenken, wie diese Fragen gestellt werden könnten. Genauso wirst du nicht drum herum kommen, Code zu schreiben und im Browser auszuprobieren. Sobald du dich in deinem Wissen sicher fühlst, wirst du feststellen, dass die übliche Nervosität in solchen Interviews nachlässt oder sogar ganz verschwindet – versprochen.
Du solltest dir trotzdem klarmachen, dass du möglicherweise nicht direkt bei deinem ersten Interview eingestellt wirst. Trotzdem: Man lernt auch aus seinen Fehlschlägen. Du solltest jedes Interview als wertvolle Erfahrung ansehen, dass dich auf deinen Job vorbereitet. Mach dir nicht zu viele Sorgen, wenn mal was nicht klappt. Bleibe stattdessen ruhig und mache es beim nächsten Mal besser. Wenn du dann schließlich eingestellt wirst, hast du alles richtig gemacht
Fazit zu HTML-Fragen im Vorstellungsgespräch
Wir haben gemeinsam das Tutorial „Die häufigsten Fragen über HTML im Jobinterview“ durchgearbeitet. Jetzt bist du am Zug – du musst dein erworbenes Wissen anwenden, und üben, üben, üben. Wenn du dir genug Mühe gibst, kommen die Ergebnisse letztendlich von allein.
Ich hoffe, dass die Informationen in diesem Tutorial der Grundstein für deinen Traumberuf als Webentwickler sind. Vergiss nicht, Übung macht den Meister! Und Viel Glück für dein nächstes Jobinterview!
- Programmiere echte Apps als Anfänger
- Keine Installation, sofort loslegen
- Komplett praxisbezogen
- Zugriff auf Online-Editor
