Foundation CSS Base Typography Abbreviations
Foundation CSS is an open-source & responsive front-end framework built by ZURB foundation in September 2011, that makes it easy to design beautiful responsive websites, apps, and emails to look amazing & can be accessible to any device. It is used by many companies such as Facebook, eBay, Mozilla, Adobe, and even Disney. The framework is built on Saas-like bootstrap. It is more sophisticated, flexible, and easily customizable. It also comes with CLI, so it’s easy to use it with module bundlers. It offers the Fastclick.js tool for faster rendering on mobile devices.
Foundation CSS Base Typography is used to add the default styles to make the elements more attractive. The base typography makes life easier by providing simple and attractive elements and classes to build an attractive web page.
Foundation CSS Base Typography Abbreviation is used to define the abbreviation or short form of an element. The abbreviation is used to provide useful information to the browsers, translation systems, and search engines.
Foundation CSS Base Typography Abbreviation Tag:
- <abbr> Tag: This tag is used to define the abbreviation or short form of an element.
Syntax:
<abbr title=""> Content... </abbr>
Example 1: In this example, we will describe the use of Foundation CSS Base Typography Abbreviation.
HTML
<!DOCTYPE html><html lang="en"> <head> <title> Foundation CSS Base Typography Abbreviations </title> <!-- Compressed CSS --> <link rel="stylesheet" href= <!-- Compressed JavaScript --> <script src= </script> <script src= </script></head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h2> Foundation CSS Base Typography Abbreviations </h2> <p style="padding-left: 20px;"> <abbr title="Hypertext Markup Language"> HTML</abbr> is a standard markup language used to design the documents that will be displayed in the browsers as a web-page. </p> <script> $(document).foundation(); </script></body> </html> |
Output:
Example 2: In this example, we will describe the use of Foundation CSS Base Typography Abbreviation.
HTML
<!DOCTYPE html><html lang="en"> <head> <title> Foundation CSS Base Typography Abbreviations </title> <!-- Compressed CSS --> <link rel="stylesheet" href= <!-- Compressed JavaScript --> <script src= </script> <script src= </script></head> <body> <h1 style="color: green;"> GeeksforGeeks </h1> <h2> Foundation CSS Base Typography Abbreviations </h2> <div class="callout success"> <h4><abbr title= "A Computer Science portal for geeks"> GeeksforGeeks</abbr> </h4> <p> A Computer Science portal for geeks. It contains well written, well thought and well-explained computer science and programming articles... </p> <hr> <h4><abbr title="HyperText Markup Language"> HTML</abbr> </h4> <p> HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. It is the combination of Hypertext and Markup language. </p> <hr> <h4><abbr title="Scripting Language"> JavaScript</abbr> </h4> <p> JavaScript is the world most popular lightweight, interpreted compiled programming language. It is also known as scripting language for web pages. </p> </div></body> </html> |
Output:
Reference: https://get.foundation/sites/docs/typography-base.html#abbreviations
Please Login to comment...