Writing html from css

Question

I'm having difficulty in inserting html tags through CSS and for it to be interpreted as html.

I want to write <noscript><h2>Please enable javascript!</h2></noscript> after the h1 header on all pages; so I have

h1:after
{ 
content: "\003cnoscript\003e\003ch2\003ePlease enable javascript! \003c/h2\003e\003c/noscript\003e";
}

in my CSS.

Whilst this successfully writes

<noscript><h2>Please enable javascript!</h2></noscript>

It is treated as a string literal and displays it on the page as part of the original h1 header.

For obvious reasons I cannot use javascript for this particular task :P

This may not be what you want, but why not just write "Please enable javascript" as a string literal, and then hide it with javascript? Should achieve the same thing — Andy
– Andy, Commented Nov 6, 2012 at 11:23
Content does not accept HTML tags as stated here: stackoverflow.com/questions/5865937/… — Neograph734
– Neograph734, Commented Nov 6, 2012 at 11:24
Can you not include the noscript tags directly in the HTML? I don't think you can do it through CSS — Ren
– Ren, Commented Nov 6, 2012 at 11:24
@Andy : I think that will be my solution as what Neograph734 said seems to be true. Kindof wish that Google had returned that particular StackOverflow question at some point over the last hour! — Stumbler
– Stumbler, Commented Nov 6, 2012 at 11:29

Pranav 웃 · Accepted Answer · 2012-11-06 11:29:16Z

2

From W3 :

Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

Content in <noscript> is displayed only when javascript is disabled.

answered Nov 6, 2012 at 11:29

Pranav 웃

8,4676 gold badges41 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1