Details

Erklärung zu Vorfahren, Elternelementen und Nachkommen

Der Begriff „Abkömmling“ bezieht sich darauf, dass ein Element in einem anderen enthalten ist. Der gegenteilige Begriff ist „Vorgänger“. Das bedeutet, dass ein Element von Vorgängern enthalten ist. Für den nächsten Container nach oben/unten können die spezifischeren Begriffe „übergeordnet“/„untergeordnet“ verwendet werden. Angenommen, Sie haben ein Dokument mit einem Absatz, der einen Link enthält. Das übergeordnete Element des Links ist ein Absatz, aber auch das Dokument ist ein übergeordnetes Element. Umgekehrt kann das Dokument viele untergeordnete Absätze mit jeweils Links enthalten. Die Links sind alle Nachkommen des übergeordneten Dokuments.

Erstellen Sie ein Formular, in dem Nutzer ihre Lieblingsfarbe angeben können. Die Daten sollten als POST-Anfrage gesendet werden und die URL, unter der die Daten verarbeitet werden, sollte /color sein.

Formular anzeigen

Eine mögliche Lösung ist die Verwendung dieses Formulars:

<form method="post" action="/color">
    <label for="color">What is your favorite color?</label>
    <input type="text" name="color" id="color">
    <button>Save</button>
</form>

Angenommen, Sie möchten, dass ein Script um https://web.dev ausgeführt wird, um die Formulardaten zu verarbeiten. Wie würden Sie das machen? Probieren Sie es aus.

Antwort umschalten

Sie können den Speicherort des Scripts mit dem Attribut action auswählen.

<form action="https://example.com/animals">
...
</form>

mkcert verwenden: Cheatsheet

mkcert in Kürze

So führen Sie Ihre lokale Entwicklungswebsite mit HTTPS aus:

  1. Richten Sie mkcert ein.

    Installieren Sie mkcert, falls noch nicht geschehen, z. B. unter macOS:

    brew install mkcert

    Eine Anleitung für Windows und Linux finden Sie unter mkcert installieren.

    Erstellen Sie dann eine lokale Zertifizierungsstelle:

    mkcert -install

  2. Erstellen Sie ein vertrauenswürdiges Zertifikat.

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    Dadurch wird ein gültiges Zertifikat erstellt, das automatisch von mkcert signiert wird.

  3. Konfigurieren Sie Ihren Entwicklungsserver für die Verwendung von HTTPS und dem Zertifikat, das Sie in Schritt 2 erstellt haben.

  4. ✨ Fertig! Sie können jetzt ohne Warnungen in Ihrem Browser auf https://{YOUR HOSTNAME} zugreifen