Lorem Ipsum, un texto de marcador de posici\u00f3n com\u00fanmente utilizado, se origina en una secci\u00f3n de 'De finibus bonorum et malorum' de Cicer\u00f3n (45 a.C.), pero existe en una forma modificada. Durante el siglo XVI, un tip\u00f3grafo alter\u00f3 el orden de las palabras para producir un libro de muestras, lo que result\u00f3 en una claridad reducida y un enfoque en el tipo de letra y el dise\u00f1o; este enfoque todav\u00eda se observa hasta cierto punto.<\/p>\n\n\n\n
El ejemplo m\u00e1s universal es Lorem Ipsum, el bloque de texto pseudo-latino utilizado para p\u00e1rrafos largos. Otros ejemplos comunes son pistas cortas e instructivas colocadas dentro de los campos del formulario:<\/p>\n\n\n\n
\u00b7 “Introduce tu direcci\u00f3n de correo electr\u00f3nico.”<\/p>\n\n\n\n
\u00b7 “ej., 555-123-4567” (se usa para mostrar el formato requerido)<\/p>\n\n\n\n
\u00b7 “Buscar aqu\u00ed…”<\/p>\n\n\n\n
Dise\u00f1adores y desarrolladores utilizan diferentes m\u00e9todos para generar dicho contenido:<\/p>\n\n\n\n
\u2022 Generadores en l\u00ednea\/funciones integradas<\/strong>: Los dise\u00f1adores generalmente usan recursos como generadores de Lorem Ipsum o elementos incluidos en programas de dise\u00f1o (Figma, Adobe XD) que permiten la creaci\u00f3n r\u00e1pida de grandes bloques de texto de relleno para su trabajo.<\/p>\n\n\n\n \u2022 Bibliotecas Faker<\/strong>: Los desarrolladores utilizan bibliotecas de c\u00f3digo (a menudo denominadas bibliotecas de faker) para crear la generaci\u00f3n de datos din\u00e1micos, pero cre\u00edbles, e incluyen (nombres, fechas, ubicaciones y bloques de texto) con el prop\u00f3sito de probar la funcionalidad del software y poblar la base de datos.<\/p>\n\n\n\n De hecho, representan dos cosas diferentes. El texto de marcador de posici\u00f3n es un t\u00e9rmino general para cualquier contenido de relleno, que incluso podr\u00eda contener grandes partes de Lorem Ipsum. Al mismo tiempo, el atributo de marcador de posici\u00f3n es una caracter\u00edstica \u00fanica de HTML5 que se encuentra solo en los campos de entrada de formularios (<input>, <textarea>). Es un mensaje breve que desaparece de la vista cuando un usuario comienza a introducir texto.<\/p>\n\n\n\n \u00bfPor qu\u00e9 importa esta distinci\u00f3n?<\/p>\n\n\n\n El atributo de marcador de posici\u00f3n puede servir como gu\u00eda al proporcionar ejemplos (p. ej., formato); sin embargo, es aconsejable emplearlo con cautela al transmitir indicaciones significativas, especialmente aquellas que requieren una claridad permanente.<\/p>\n\n\n\n La efectividad de usar \u00fanicamente el atributo HTML placeholder para las etiquetas de los campos de formulario web puede variar.<\/p>\n\n\n\n \u00bfPor qu\u00e9?<\/p>\n\n\n\n Las etiquetas son el coraz\u00f3n de la accesibilidad y la experiencia del usuario. Para algunos usuarios, eliminar el texto placeholder al escribir puede influir en su experiencia de completar el formulario y en la comprensi\u00f3n de informaci\u00f3n clave.<\/p>\n\n\n\n Moderno IU<\/a>\/UX<\/a> el dise\u00f1o presenta diferentes enfoques, incluidos los de las sugerencias de formularios y los estados de carga:<\/p>\n\n\n \u2022 Etiquetas flotantes<\/strong>: Este patr\u00f3n es preferido en formularios. La sugerencia comienza dentro del campo de entrada, asemej\u00e1ndose a un marcador de posici\u00f3n, y posteriormente se transforma en una etiqueta persistente encima del campo al interactuar el usuario, abordando potencialmente problemas de accesibilidad.<\/p>\n\n\n\n <\/p>\n\n\n\n \u2022 <\/strong>Pantallas esqueleto<\/strong>: Su uso para cargar contenido puede considerarse una alternativa a la visualizaci\u00f3n de bloques de texto extendidos. El empleo de formas grises y animadas para imitar el dise\u00f1o (l\u00edneas de texto, cuadros de imagen) antes de la carga del contenido se relaciona con la rapidez con la que la p\u00e1gina parece cargarse.<\/p>\n\n\n\n El texto de marcador de posici\u00f3n sirve como un componente en el flujo de trabajo de dise\u00f1o y desarrollo, permitiendo a los equipos previsualizar y construir dise\u00f1os<\/a> independientemente de la disponibilidad del contenido final. Sin embargo, aunque algunos podr\u00edan argumentar que el texto de relleno gen\u00e9rico es suficiente para grandes bloques, el dise\u00f1o y desarrollo del uso del atributo de marcador de posici\u00f3n espec\u00edfico del formulario debe hacerse con extrema precauci\u00f3n y de la forma m\u00e1s m\u00ednima posible, para que no obstaculice de ninguna manera experiencia del usuario<\/a> y la accesibilidad al reemplazar las etiquetas permanentes.<\/p>\n\n\n <\/p>","protected":false},"excerpt":{"rendered":" \u00bfDe d\u00f3nde viene el t\u00e9rmino “lorem ipsum”? Lorem Ipsum, un texto de marcador de posici\u00f3n com\u00fanmente utilizado, se origina en una secci\u00f3n de De finibus bonorum et malorum (45 a.C.) de Cicer\u00f3n, pero existe en una forma modificada. Durante el siglo XVI, un tip\u00f3grafo alter\u00f3 el orden de las palabras para producir un libro de muestras, lo que result\u00f3 en una claridad reducida y un enfoque […]<\/p>","protected":false},"author":41,"featured_media":7074,"template":"","answers_category":[31],"class_list":["post-7072","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-basics-for-small-business"],"acf":{"image":null,"card_image":7074,"content":[{"acf_fc_layout":"header_section","title":"\u00bfQu\u00e9 es el Texto de marcador de posici\u00f3n?","descriptions":"One of the various names for placeholder text is filler text or dummy text, which is a string of temporary content included in design mockups and development to visually occupy an area where the actual, final copy will be placed.\r\n","tip_label":"Pro Tip","tip":"When selecting a font for a design, test it with placeholder text first to ensure readability and correct line spacing before the final content is written.","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"It is generally recommended to use permanent form labels rather than the placeholder attribute","body":""},{"label":"Use Lorem Ipsum strictly for testing visual design and structure","body":""},{"label":"Choose floating labels for form hints to ensure visibility while typing","body":""}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer\/7072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/users\/41"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media\/7074"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media?parent=7072"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answers_category?post=7072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00bfExiste una diferencia entre el Texto de marcador de posici\u00f3n y un “Atributo de marcador de posici\u00f3n” en los formularios web?<\/h2>\n\n\n\n
\u00bfCu\u00e1ndo no se debe usar el Texto de Marcador de Posici\u00f3n en un dise\u00f1o?<\/h2>\n\n\n\n
\u00bfExisten alternativas modernas al texto de marcador de posici\u00f3n tradicional?<\/h2>\n\n\n
Conclusi\u00f3n<\/h2>\n\n\n