Is there a way to create your own html tag in HTML5?

by

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>

More Related Contents:

  1. How to make double border on left only with thick outside and thin inside [duplicate]
  2. Centering in CSS Grid
  3. How to show google.com in an iframe?
  4. Canvas width and height in HTML5
  5. How to style the parent element when hovering a child element?
  6. Several elements with the same ID responding to one CSS ID selector
  7. Equal height children of flex items
  8. Rounded cornes (border radius) Safari issue
  9. Making the main scrollbar always visible
  10. HTML5 nested sections and heading tags
  11. Div 100% height works on Firefox but not in IE
  12. Mailto on submit button
  13. Wait until an HTML5 video loads
  14. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  15. Delay HTML5 :invalid pseudo-class until the first event
  16. Selectable in HTML tag
  17. Internet Explorer 11 word wrap is not working
  18. style and script tags in HTML body… why not?
  19. Width 100% with white borders around it. WHy?
  20. Why would the height increase with a smaller font size?
  21. Pressing spacebar scrolls page down?
  22. Why is box-sizing acting different on table vs div?
  23. how to show pdf file in ionic app with out download
  24. Understanding CSS2.1 specification regarding height on inline-level boxes
  25. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  26. How to change a span to look like a pre with CSS?
  27. Scale path from center
  28. String attribute values in multiple lines, HTML
  29. Change image on hover
  30. Why does a border increase the element’s width?

Leave a Comment