Eingangscode für HTML-Seite?

Question

Eingangscode für HTML-Seite?

Antwort

Verwandte Fragen

Gibt es HTML-Tags, die verhindern, dass eine Webseite aus dem Cache geladen wird?

Wie lautet der HTML-Befehl, um Bilder in einer Reihe anzuzeigen?

Wie öffne ich mit HTML eine PDF-Datei, ohne dass der Inhalt aus dem Cache geladen wird?

Wie kann ich mit HTML die Höhe eines <td>-Tags verändern?

Wie verlinkt man im Seamonkey Composer ein Wort auf einer HTML-Seite mit einem Wort auf einer anderen HTML-Seite?

Wie lautet der HTML-Code für Zeilenabstand?

Wie funktioniert eine HTML-Datei?

Wie prüft man, ob admin-ajax.php erreichbar ist und ein REST-Nonce gültig bleibt?

Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld mit eigenem JavaScript?

Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld?

Accepted Answer

Um einen einfachen Eingangscode für eine HTML-Seite zu erstellen, kannst du ein Formular verwenden, das einen Benutzernamen und ein Passwort abfragt. Hier ist ein Beispiel: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Eingangscode</title> </head> <body> <h2>Bitte anmelden</h2> <form action="deine_zielseite.html" method="post"> <label for="username">Benutzername:</label><br> <input type="text" id="username" name="username" required><br><br> <label for="password">Passwort:</label><br> <input type="password" id="password" name="password" required><br><br> <input type="submit" value="Einloggen"> </form> </body> </html> ``` In diesem Beispiel wird ein einfaches Anmeldeformular erstellt. Du kannst die `action`-Eigenschaft des Formulars anpassen, um die Daten an die gewünschte Zielseite zu senden. Beachte, dass dies nur eine grundlegende HTML-Struktur ist und keine Sicherheitsmaßnahmen wie die Validierung von Benutzerdaten oder die Verschlüsselung von Passwörtern enthält.

Accepted Answer

Nein, es gibt keine HTML-Tags, die direkt verhindern, dass eine Webseite aus dem Cache geladen wird. Das Caching-Verhalten wird nicht durch HTML, sondern durch HTTP-Header gesteuert, die vom Webserver... [mehr]

Accepted Answer

Nein, es gibt keine HTML-Tags, die direkt verhindern, dass eine Webseite aus dem Cache geladen wird. Das Caching-Verhalten wird nicht durch HTML, sondern durch HTTP-Header gesteuert, die vom Webserver gesendet werden. Um das Caching zu steuern, werden typischerweise folgende HTTP-Header verwendet: - `Cache-Control` - `Pragma` - `Expires` Beispiel für einen Header, der das Caching verhindert: ``` Cache-Control: no-store, no-cache, must-revalidate Pragma: no-cache Expires: 0 ``` Diese Header müssen auf dem Server konfiguriert werden, nicht im HTML-Code selbst. In HTML kannst du das Caching also nicht direkt beeinflussen. Weitere Informationen: - [MDN Web Docs: Controlling caching](https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching) - [MDN Web Docs: Cache-Control](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control)

Accepted Answer

Um Bilder in einer Reihe (also nebeneinander) anzuzeigen, kannst du in HTML das `<img>`-Tag verwenden. Standardmäßig werden `<img>`-Elemente inline angezeigt, das heißt, s... [mehr]

Accepted Answer

Um Bilder in einer Reihe (also nebeneinander) anzuzeigen, kannst du in HTML das `<img>`-Tag verwenden. Standardmäßig werden `<img>`-Elemente inline angezeigt, das heißt, sie stehen bereits nebeneinander, solange genug Platz vorhanden ist. Beispiel: ```html <img src="bild1.jpg" alt="Bild 1"> <img src="bild2.jpg" alt="Bild 2"> <img src="bild3.jpg" alt="Bild 3"> ``` Falls du mehr Kontrolle über das Layout möchtest (z.B. Abstände oder zentrierte Ausrichtung), empfiehlt sich zusätzlich CSS, zum Beispiel mit Flexbox: ```html <div style="display: flex;"> <img src="bild1.jpg" alt="Bild 1"> <img src="bild2.jpg" alt="Bild 2"> <img src="bild3.jpg" alt="Bild 3"> </div> ``` Dadurch werden die Bilder garantiert in einer Reihe angezeigt, auch wenn sie unterschiedlich groß sind.

Accepted Answer

Um eine PDF-Datei mit HTML zu öffnen und sicherzustellen, dass sie **nicht aus dem Cache** geladen wird, kannst du einen sogenannten **Cache-Buster** verwenden. Das bedeutet, du hängst an di... [mehr]

Accepted Answer

Um eine PDF-Datei mit HTML zu öffnen und sicherzustellen, dass sie **nicht aus dem Cache** geladen wird, kannst du einen sogenannten **Cache-Buster** verwenden. Das bedeutet, du hängst an die URL der PDF-Datei einen eindeutigen Parameter an, z. B. einen Zeitstempel oder eine zufällige Zahl. Dadurch sieht der Browser die Datei als „neu“ an und lädt sie nicht aus dem Cache. **Beispiel:** ```html <a href="deine-datei.pdf?nocache=<?=time()?>" target="_blank">PDF öffnen</a> ``` Wenn du kein PHP verwendest, kannst du das auch mit JavaScript machen: ```html <a id="pdfLink" href="#" target="_blank">PDF öffnen</a> <script> document.getElementById('pdfLink').href = 'deine-datei.pdf?nocache=' + new Date().getTime(); </script> ``` Oder direkt im `iframe`: ```html <iframe src="deine-datei.pdf?nocache=123456789"></iframe> ``` **Wichtig:** Ersetze `deine-datei.pdf` durch den tatsächlichen Dateinamen. Der Parameter `nocache` kann beliebig benannt werden, wichtig ist nur, dass der Wert sich ändert (z. B. durch `new Date().getTime()`). **Hinweis:** Das verhindert das Caching im Browser, aber nicht unbedingt in allen Proxy-Servern oder auf Serverseite. Für maximale Kontrolle sollten auch die HTTP-Header auf dem Server entsprechend gesetzt werden (z. B. `Cache-Control: no-store`). Weitere Infos zu Cache-Control: https://developer.mozilla.org/de/docs/Web/HTTP/Headers/Cache-Control

Accepted Answer

Um die Höhe einer Tabellenzelle (`<td>`) in HTML zu verändern, kannst du das CSS-Attribut `height` verwenden. Das geht entweder direkt im HTML-Tag als Inline-Style oder über eine... [mehr]

Accepted Answer

Um die Höhe einer Tabellenzelle (`<td>`) in HTML zu verändern, kannst du das CSS-Attribut `height` verwenden. Das geht entweder direkt im HTML-Tag als Inline-Style oder über eine CSS-Klasse. **Beispiel mit Inline-Style:** ```html <td style="height: 50px;">Inhalt</td> ``` **Beispiel mit CSS-Klasse:** ```html <style> .hohe-zelle { height: 50px; } </style> <table> <tr> <td class="hohe-zelle">Inhalt</td> </tr> </table> ``` **Wichtige Hinweise:** - Die tatsächliche Höhe der Zelle kann auch durch den Inhalt oder andere CSS-Eigenschaften beeinflusst werden. - Die Höhe (`height`) wird auf die Zeile (`<tr>`) angewendet, wenn du möchtest, dass alle Zellen in einer Zeile gleich hoch sind. - Bei mehreren Zellen in einer Zeile bestimmt die höchste Zelle die Mindesthöhe der gesamten Zeile. Weitere Infos findest du z.B. bei [MDN Web Docs: <td>](https://developer.mozilla.org/de/docs/Web/HTML/Element/td).

Accepted Answer

Um im SeaMonkey Composer ein Wort auf einer HTML-Seite mit einem anderen Wort auf einer anderen HTML-Seite zu verlinken, gehst du folgendermaßen vor: 1. **Zielseite vorbereiten:** - Öff... [mehr]

Accepted Answer

Um im SeaMonkey Composer ein Wort auf einer HTML-Seite mit einem anderen Wort auf einer anderen HTML-Seite zu verlinken, gehst du folgendermaßen vor: 1. **Zielseite vorbereiten:** - Öffne die HTML-Seite, zu der du verlinken möchtest. - Markiere das Wort, auf das verlinkt werden soll. - Klicke im Menü auf **Einfügen → Anker**. - Gib dem Anker einen eindeutigen Namen (z.B. `zielwort`). - Speichere die Seite. 2. **Link auf der Quellseite setzen:** - Öffne die HTML-Seite, von der aus du verlinken möchtest. - Markiere das Wort, das als Link dienen soll. - Klicke auf das **Link-Symbol** (Kettensymbol) in der Symbolleiste oder wähle **Einfügen → Link**. - Gib im Feld „Adresse des Links“ die URL der Zielseite ein, gefolgt von einem `#` und dem Ankernamen. Beispiel: ``` zielseite.html#zielwort ``` (Ersetze `zielseite.html` durch den tatsächlichen Dateinamen und `zielwort` durch den vergebenen Ankernamen.) - Bestätige mit OK und speichere die Seite. **Hinweis:** Beide HTML-Dateien müssen auf dem Webserver oder im gleichen Ordner liegen, damit der Link funktioniert. **Weitere Infos:** - [SeaMonkey Composer Dokumentation (englisch)](https://www.seamonkey-project.org/doc/composer.html) - [HTML-Anker (MDN)](https://developer.mozilla.org/de/docs/Web/HTML/Element/a#benannte_anker) So wird das gewünschte Wort auf einer Seite direkt mit einem bestimmten Wort (bzw. einer Stelle) auf einer anderen Seite verlinkt.

Accepted Answer

In HTML selbst gibt es kein direktes Attribut für den Zeilenabstand (Zeilenhöhe). Der Zeilenabstand wird über CSS mit der Eigenschaft `line-height` gesteuert. Hier ein einfaches Beispie... [mehr]

Accepted Answer

In HTML selbst gibt es kein direktes Attribut für den Zeilenabstand (Zeilenhöhe). Der Zeilenabstand wird über CSS mit der Eigenschaft `line-height` gesteuert. Hier ein einfaches Beispiel: ```html <p style="line-height: 2;"> Dies ist ein Absatz mit doppeltem Zeilenabstand. </p> ``` Oder in einer externen oder internen CSS-Datei: ```html <style> p { line-height: 1.5; } </style> <p> Dies ist ein Absatz mit eineinhalbfachem Zeilenabstand. </p> ``` Mit `line-height` kannst du den Zeilenabstand beliebig anpassen (z.B. `1.2`, `1.5`, `2`, oder auch in Pixeln wie `24px`). Weitere Infos findest du z.B. bei [MDN Web Docs](https://developer.mozilla.org/de/docs/Web/CSS/line-height).

Accepted Answer

Eine HTML-Datei ist eine Textdatei, die mit der Auszeichnungssprache HTML (Hypertext Markup Language) geschrieben. Sie dient dazu, die Struktur und den Inhalt einer Webseite zu beschreiben. Der Browse... [mehr]

Accepted Answer

Eine HTML-Datei ist eine Textdatei, die mit der Auszeichnungssprache HTML (Hypertext Markup Language) geschrieben. Sie dient dazu, die Struktur und den Inhalt einer Webseite zu beschreiben. Der Browser liest diese Datei und stellt sie als Webseite dar. So funktioniert eine HTML-Datei im Detail: 1. **Aufbau**: Eine HTML-Datei besteht aus sogenannten "Tags", die in spitzen Klammern stehen, z. B. `<html>`, `<head>`, `<body>`. Diese Tags strukturieren den Inhalt. 2. **Grundstruktur**: ```html <!DOCTYPE html> <html> <head> <title>Seitentitel</title> </head> <body> <h1>Überschrift</h1> <p>Dies ist ein Absatz.</p> </body> </html> ``` - `<html>`: Startet das HTML-Dokument. - `<head>`: Enthält Metadaten (z. B. Titel, Zeichencodierung). - `<body>`: Enthält den sichtbaren Inhalt der Webseite. 3. **Speicherung**: Die Datei wird mit der Endung `.html` gespeichert, z. B. `index.html`. 4. **Darstellung im Browser**: Öffnest du die Datei im Browser, interpretiert dieser die HTML-Tags und zeigt die Inhalte entsprechend an (z. B. Überschriften, Absätze, Listen, Bilder). 5. **Hyperlinks und Medien**: HTML ermöglicht das Einbinden von Links, Bildern, Videos und anderen Medien. Zusammengefasst: Eine HTML-Datei beschreibt mit speziellen Tags die Struktur und den Inhalt einer Webseite. Der Browser liest diese Datei und stellt daraus die Webseite dar, die du siehst.

Accepted Answer

Um sicherzustellen, dass der **Rest-Nonce** in einer WordPress-Umgebung gültig bleibt und die Datei `admin-ajax.php` erreichbar ist, sind folgende Schritte notwendig: ### 1. Erreichbarkeit von `... [mehr]

Accepted Answer

Um sicherzustellen, dass der **Rest-Nonce** in einer WordPress-Umgebung gültig bleibt und die Datei `admin-ajax.php` erreichbar ist, sind folgende Schritte notwendig: ### 1. Erreichbarkeit von `admin-ajax.php` prüfen - Rufe die URL `https://deine-domain.de/wp-admin/admin-ajax.php` im Browser auf. - Bei einer leeren Seite ohne Fehlermeldung ist die Datei erreichbar. - Alternativ kann ein einfacher `GET`-Request per `curl` oder einem anderen Tool gesendet werden: ```bash curl -I https://deine-domain.de/wp-admin/admin-ajax.php ``` Der Statuscode sollte `200 OK` sein. ### 2. Gültigkeit des Nonce prüfen Ein **Nonce** (Number used once) ist ein Sicherheits-Token, das WordPress für AJAX- und REST-API-Anfragen verwendet. Er ist zeitlich begrenzt gültig (standardmäßig 12 oder 24 Stunden). - Der Nonce wird meist per JavaScript-Variable oder als Data-Attribut im HTML ausgegeben, z.B.: ```js var restNonce = '<?php echo wp_create_nonce( 'wp_rest' ); ?>'; ``` - Bei einer AJAX- oder REST-Anfrage wird der Nonce im Header (`X-WP-Nonce`) oder als POST-Parameter mitgesendet. **Prüfung:** - Sende eine Testanfrage mit dem aktuellen Nonce an den gewünschten Endpoint (z.B. `/wp-json/wp/v2/posts`). - Wenn der Nonce abgelaufen oder ungültig ist, gibt WordPress einen Fehler wie `rest_cookie_invalid_nonce` oder `rest_nonce_invalid` zurück. - Beispiel mit `curl`: ```bash curl -H "X-WP-Nonce: DEIN_NONCE" https://deine-domain.de/wp-json/wp/v2/posts ``` - Bei Erfolg erhältst du die gewünschten Daten, bei Fehler eine JSON-Antwort mit einer Fehlermeldung. ### 3. Nonce regelmäßig erneuern Da der Nonce abläuft, sollte er regelmäßig (z.B. per JavaScript-Timer oder nach bestimmten Aktionen) vom Server neu angefordert werden. Das geschieht meist über einen eigenen Endpoint oder durch erneutes Laden der Seite. **Typischer Ablauf:** - Über JavaScript wird ein AJAX-Request an einen eigenen Endpoint (z.B. `restNonceEndpoint`) gesendet. - Der Server gibt einen neuen Nonce zurück. - Der neue Nonce wird im Frontend gespeichert und für weitere Anfragen verwendet. **Beispiel für das Nachladen eines Nonce:** ```js fetch('/wp-admin/admin-ajax.php?action=refresh_nonce') .then(response => response.json()) .then(data => { window.restNonce = data.nonce; }); ``` ### Zusammenfassung - **admin-ajax.php** muss per HTTP erreichbar sein. - **Nonce** muss bei jeder Anfrage mitgesendet und regelmäßig erneuert werden. - Die Gültigkeit des Nonce kann durch eine Testanfrage geprüft werden. - Bei Fehlern gibt WordPress eine entsprechende Fehlermeldung zurück. **Weitere Infos:** - [WordPress Nonces](https://developer.wordpress.org/plugins/security/nonces/) - [AJAX in WordPress](https://developer.wordpress.org/plugins/javascript/ajax/) - [REST API Nonces](https://developer.wordpress.org/rest-api/using-the-rest-api/authentication/) Falls du eine konkrete Fehlermeldung erhältst, kann diese helfen, das Problem genauer einzugrenzen.

Accepted Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du ein kurzes JavaScript verwenden, das auf das `input`-Event reagiert. Hier ein Beispiel: ```html <input type... [mehr]

Accepted Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du ein kurzes JavaScript verwenden, das auf das `input`-Event reagiert. Hier ein Beispiel: ```html <input type="text" id="meinFeld" placeholder="Eingabe ohne Punkte und Leerzeichen"> > document.getElementById('meinFeld').addEventListener('input', function(e) { // Entfernt alle Punkte und Leerzeichen this.value = this.value.replace(/[.\s]/g, ''); }); </script> ``` **Erklärung:** - Das Skript hört auf das `input`-Event des Feldes. - Mit `replace(/[.\s]/g, '')` werden alle Punkte (`.`) und Leerzeichen (`\s`) im aktuellen Wert entfernt. Das funktioniert rein clientseitig und benötigt keine weiteren Bibliotheken.

Accepted Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du JavaScript verwenden. Das folgende Beispiel zeigt, wie du das beim Eintippen (oninput) erreichen kannst: ```ht... [mehr]

Accepted Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du JavaScript verwenden. Das folgende Beispiel zeigt, wie du das beim Eintippen (oninput) erreichen kannst: ```html <input type="text" id="meinFeld" oninput="this.value = this.value.replace(/[. ]/g, '')"> ``` **Erklärung:** - `oninput` wird bei jeder Eingabe ausgelöst. - `replace(/[. ]/g, '')` entfernt alle Punkte (`.`) und Leerzeichen (` `) aus dem aktuellen Wert. **Hinweis:** Du kannst das Muster in der `replace`-Funktion anpassen, falls du noch weitere Zeichen entfernen möchtest. Weitere Infos zu [HTML input](https://developer.mozilla.org/de/docs/Web/HTML/Element/input) und [JavaScript replace](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace) findest du auf MDN.