La interfaz de usuario semántica es un marco moderno que se utiliza para desarrollar diseños perfectos para el sitio web. Brinda al usuario una experiencia liviana con sus componentes. Utiliza el CSS y jQuery predefinidos para incorporar en diferentes marcos.
La publicidad de interfaz de usuario semántica nos ofrece 2 variaciones de publicidad centrada y de prueba. En este artículo, los conoceremos brevemente.
Variaciones publicitarias de la interfaz de usuario semántica:
- Centrado : esta variación se utiliza para hacer un espacio centrado para el anuncio.
- Prueba : esta variación se utiliza para hacer un anuncio de prueba del tamaño de un rectángulo.
Sintaxis:
<div class="ui Advertisement-Variations test ad"> ... </div>
Los siguientes ejemplos ilustran las variaciones publicitarias de la interfaz de usuario semántica:
Ejemplo 1: En este ejemplo veremos el anuncio Variaciones centradas.
HTML
<!DOCTYPE html> <html> <head> <title>Semantic UI Advertisement Centered Variation</title> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1 class="ui header green">GeeksforGeeks</h1> <strong> Semantic UI Advertisement Centered Variation </strong> </center> <div class="ui centered banner test ad"> </div> </body> </html>
Producción:
Variaciones publicitarias de la interfaz de usuario semántica
Ejemplo 2: En este ejemplo, veremos el anuncio de variaciones de prueba.
HTML
<!DOCTYPE html> <html> <head> <title>Semantic UI Advertisement Test Variation</title> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet" /> </head> <body> <center> <h1 class="ui header green"> GeeksforGeeks </h1> <strong>Semantic UI Advertisement Test Variation</strong> </center> <div class="ui small rectangle test ad" data-text="Advertisement Test Variation"> </div> </body> </html>
Producción:
Variaciones publicitarias de la interfaz de usuario semántica
Referencia: https://semantic-ui.com/views/advertisement.html
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA