Details

Erläuterung von ancestor, ancestor und ancestor

Der Begriff Nachfolger bezieht sich darauf, dass sich ein Element irgendwo innerhalb eines anderen befindet. Der gegenteilige Begriff ist „Ancestor“, was bedeutet, dass ein Element von Ancestors enthalten ist. Für den nächsten nach oben oder unten angegebenen Container können diese die spezifischeren Begriffe über-/untergeordnet verwenden. Stellen Sie sich beispielsweise ein Dokument mit einem Absatz vor, der einen Link enthält. Das übergeordnete Element des Links ist ein Absatz, hat aber auch das Dokument als übergeordnetes Element. Umgekehrt kann das Dokument viele untergeordnete Absätze haben, die jeweils über Links verfügen. Die Links sind alle Nachfolger des übergeordneten Dokuments.

Erstellen Sie ein Formular, über das die Nutzer ihre Lieblingsfarbe einreichen können. Die Daten sollten als POST-Anfrage gesendet werden und die URL, unter der die Daten verarbeitet werden, sollte /color lauten.

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 ein Skript, das unter https://web.dev ausgeführt wird, um die Formulardaten zu verarbeiten. Wie würden Sie das tun? Jetzt ausprobieren

Antwort ein-/ausschalten

Sie können die Position des Skripts mithilfe des Attributs action auswählen.

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

„mkcert: cheatsheet“ verwenden

Kurzbeschreibung: mkcert

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

  1. Richten Sie mkcert ein.

    Falls noch nicht geschehen, installieren Sie mkcert, z. B. unter macOS:

    brew install mkcert

    Lesen Sie die Anleitung zur Installation von mkcert für Windows und Linux.

    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 das in Schritt 2 erstellte Zertifikat.

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