So, I'm diving into the HTML5 template tag, as a possible future solution to my web application problems. One thing that I don't seem to find is: Can you use the id attribute inside the template tag?

The template can be reused, but ids can't be. So using the same template multiple times (which is why they were invented in the first place) will result in invalid HTML, theoretically. Any official answers?

So, I'm diving into the HTML5 template tag, as a possible future solution to my web application problems. One thing that I don't seem to find is: Can you use the id attribute inside the template tag?

The template can be reused, but ids can't be. So using the same template multiple times (which is why they were invented in the first place) will result in invalid HTML, theoretically. Any official answers?

• javascript
• html
• templates
• html5-template

Share Improve this question Follow edited Jun 25, 2018 at 10:58 Supersharp 31.2k1111 gold badges102102 silver badges147147 bronze badges asked Apr 26, 2015 at 20:06 DavidDavid 1,2461212 silver badges2323 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Can you use the id attribute inside the template tag.

Yes, however:

The template can be reused, but id's can't be.

Correct.

So using the same template multiple times (which is why they were invented in the first place) will result in invalid HTML, theoretically.

Yes. Don't do that. Make sure the IDs are unique before you add them to the main DOM. You could edit them in the template's DOM before you append it to the main DOM.

If you will stamp the template into the main document, the IDs must be unique, however, if you are stamping the template into a shadow root, then you can re-use IDs within the shadow DOM.