Create your own HTML tag using JavaScript
The standard HTML specification provides us with various elements/tags with different purposes and usage. From a <p> tag to insert text to <script> tag to manipulate the document, these elements have been serving most of the purpose needed in a web d...
Responses
Markdown supported · ⌘↵ to post
Steve Skok
You can use custom tags in browsers, although they won’t be HTML5 (see Are custom elements valid HTML5? and the HTML5 spec).
Let's assume you want to use a custom tag element called <stack>. Here's what you should do...
STEP 1
Normalize its attributes in your CSS Stylesheet (think css reset) - Example:
stack{display:block;margin:0;padding:0;border:0; ... } STEP 2
To get it to work in old versions of Internet Explorer, you need to append this script to the head (Important if you need it to work in older versions of IE!):
<!--[if lt IE 9]> <script> document.createElement("stack"); </script> <![endif]-->
Then you can use your custom tag freely.
<stack>Overflow</stack> Feel free to set attributes as well... <stack id="st2" class="nice"> hello </stack>