Just a quick validation question, I get:
document type does not allow element "div" here
And my code:
$('#wrapper').prepend('<div id="slider"></div>');
It's just a JS stuff, how do I handle this?
-
Where in the document is this located?Ryan– Ryan2013-03-11 22:45:48 +00:00Commented Mar 11, 2013 at 22:45
-
Where are you getting that error, in the console or on W3C ?adeneo– adeneo2013-03-11 22:45:51 +00:00Commented Mar 11, 2013 at 22:45
-
What type of element is #wrapper?NickSlash– NickSlash2013-03-11 22:46:09 +00:00Commented Mar 11, 2013 at 22:46
-
@ryan It's located just before closing the body tag.ofer dofer– ofer dofer2013-03-11 22:49:26 +00:00Commented Mar 11, 2013 at 22:49
-
2What is the DOCTYPE, what type of element is #wrapper, and what type is its parent node. A relevant snippet of the markup would help.RobG– RobG2013-03-11 22:51:11 +00:00Commented Mar 11, 2013 at 22:51
|
Show 3 more comments
1 Answer
I can't think of any time you would get that error in the middle of a piece of JavaScript unless you are using XHTML, in which case the short answer is: Stop using XHTML, start using HTML 4 or 5.
The reason you get the error is described in the XHTML 1.0 specification:
In XHTML, the script and style elements are declared as having
#PCDATAcontent. As a result,<and&will be treated as the start of markup
The latest version of the XHTML Media Types note provides work–arounds:
DO use external scripts if your script uses
<or&or]]>or--. DO NOT embed a script in a document if it contains any of these characters.
and
If you must embed the content, the following patterns can be used:
<style>/*<![CDATA[*/ ... /*]]>*/</style>
This is all rather a lot of effort, and just switching to HTML is a simpler option. Browsers are designed for HTML and their XHTML support is provided as an afterthought. If you get any benefits from XHTML it will be from using it with server side tools as part of your publishing process … and not many people are doing that.
