What are HTML APIs?
The above example is of Bootstrap modal. In this anchor tag <a> is hyperlinked to <div> using ‘id’. A modal dialog box will open, when a user clicks on the link. Using the readily available HTML APIs is not a huge ask, It is just like using a plug-n-play device. One just has to import the library files properly in the HTML structure and use the predefined markup.
There are lots of ready to use HTML API libraries available such as AMP, Awesomplete, Bootstrap and many more.
Till now we have learned about what is the HTML API and how it is handy for web designers. Now let’s discuss about…
What makes the HTML API library a good one?
1. Init Selector: Auto initialization of the elements using a common class. Awesomplete uses this method in their library files. They use class=”awesomplete” to control the input elements of markup.
2. Inheritance: It is an integral part of all the major programming languages. Inheritance won’t be a mandatory thing when your library files will be use for a couple of times on the web page. However, it becomes a crucial thing when you web structure is huge and you are using multiple elements required same settings. In such instances, it is a good practice to define the settings which can be inherited from the parent elements. This reduces the pain of re-writing the settings.
These are the important things, which one should always keep in mind while creating a HTML API.