Las etiquetas físicas y lógicas se utilizan en HTML para una mejor visibilidad y comprensión del texto por parte del usuario en la página web. Sin embargo, ambas etiquetas difieren entre sí como lo sugieren sus nombres.
Etiquetas lógicas:
las etiquetas lógicas se utilizan en HTML para mostrar el texto de acuerdo con los estilos lógicos. Las siguientes son las etiquetas lógicas comúnmente utilizadas en HTML.
Etiquetas lógicas
| Etiqueta | Descripción |
|---|---|
| <abr> | Define una abreviatura |
| <acrónimo> | Define un acrónimo |
| <dirección> | Define un elemento de dirección |
| <citar> | Define cita |
| <código> | Define el texto del código de computadora |
| <cita en bloque> | Define una cita larga |
| <del> | Define texto |
| <dfn> | Define un término de definición |
| <ins> | Define el texto insertado |
| <kbd> | Define el texto del teclado |
| <antes> | Define texto preformateado |
| <q> | Define cita corta |
| <muestra> | Define código de computadora de muestra |
| <fuerte> | Define texto fuerte |
| <var> | Define una variable |
Ejemplo de código usando etiquetas lógicas:
HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1> Logical Tags </h1> Welcome to <abbr title="GeeksforGeeks"> GFG</abbr> <br> This is <acronym title="GeeksforGeeks">GFG</acronym> <br> <address> GeeksforGeeks, 5th & 6th Floor, Royal Kapsons, A- 118, Sector- 136, Noida, Uttar Pradesh (201305) </address> <br> <cite> GeeksforGeeks </cite> is my favourite website. <br> <code> Sample code: system.out.println(); </code> <blockquote cite="https://www.geeksforgeeks.org/"> A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, and quizzes. </blockquote> <del> This contains deleted content.</del> <ins> Newly inserted content.</ins> <p> <dfn> GeeksforGeeks </dfn> is a Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, and quizzes. </p> <kbd> GeeksforGeeks - This is a Keyboard input </kbd> <pre> Dear User, Congratulations !! We are delighted to inform you that you are going to be part of GfG journey. Thanks, GfG Team This is a predefine formatted text </pre> </body> </html>
Producción:
Las etiquetas físicas se utilizan en HTML para proporcionar un formato físico real al texto. Las siguientes son las etiquetas físicas comúnmente utilizadas en HTML.
Etiquetas físicas
| Etiqueta | Descripción |
|---|---|
| <b> | Define el texto en negrita |
| <grande> | Define texto |
| <yo> | Define el texto en cursiva |
| <pequeño> | Define texto |
| <sup> | Define texto en superíndice |
| <sub> | Define texto subíndice |
| <tt> | Define el texto del teletipo |
| <u> | Obsoleto. Usa estilos en su lugar |
Código de muestra usando etiquetas físicas:
HTML
<!DOCTYPE html> <html> <head> <title>Physical Tags</title> </head> <body> <h1> Physical Tags </h1> Text without any formatting <br> <b> GeeksforGeeks- This is Bold text </b> <br> <big> GeeksforGeeks- This is BIG text </big> <br> <i> GeeksforGeeks- This is Italic text </i> <br> <small> GeeksforGeeks- This is Small text </small> <br> 1<sup>st </sup> <br> H<sub>2</sub>O <br> <tt> GeeksforGeeks- This is teletype text </tt> <br> <u> GeeksforGeeks- This is underlined text</u> <br> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ayushraghuwanshi80 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA