When is a CDATA section necessary within a script tag?

A CDATA section is required if you need your document to parse as XML (e.g. when an XHTML page is interpreted as XML) and you want to be able to write literal i<10 and a && b instead of i&lt;10 and a &amp;&amp; b, as XHTML will parse the JavaScript code as parsed character data as opposed to character data by default. This is not an issue with scripts that are stored in external source files, but for any inline JavaScript in XHTML you will probably want to use a CDATA section.

Note that many XHTML pages were never intended to be parsed as XML in which case this will not be an issue.

For a good writeup on the subject, see https://web.archive.org/web/20140304083226/http://javascript.about.com/library/blxhtml.htm

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  3. How do I check whether a checkbox is checked in jQuery?
  4. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  5. How do I check whether a checkbox is checked in jQuery?
  6. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  7. How to make a word underline in Markdown
  8. How to play audio?
  9. How to play audio?
  10. Include another HTML file in a HTML file
  11. How to add jQuery code into HTML Page
  12. How to resolve the C:\fakepath?
  13. Bootstrap Dropdown menu is not working
  14. jquery SlideToggle effect in upward direction?
  15. Set timeout for ajax (jQuery)
  16. How does the data-toggle attribute work? (What’s its API?)
  17. CSS height 100% percent not working
  18. How to read xml file contents in jQuery and display in html elements?
  19. HTML5 Local storage vs. Session storage
  20. Express Render not working return error: No default engine was specified and no extension was provided
  21. Jquery swipe left or right on mobile
  22. Programmatically change the src of an img tag
  23. How to move an element into another element?
  24. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  25. Uncaught TypeError: Cannot read property ‘top’ of undefined
  26. How to move all HTML element children to another parent using JavaScript?
  27. How can I select an element by name with jQuery?
  28. How to print HTML content on click of a button, but not the page?
  29. jQuery disable/enable submit button
  30. Bootstrap 4 Dropdown Menu not working?
  31. Shortest way to print current year in a website
  32. document.getElementsByClassName().innerHTML always returns “undefined”
  33. How to do fade-in and fade-out with JavaScript and CSS
  34. Vue is not defined
  35. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  36. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  37. onClick to get the ID of the clicked button
  38. HTML text input allow only numeric input
  39. How to change the buttons text using javascript
  40. How do I use this JavaScript variable in HTML?
  41. How to close current tab in a browser window?
  42. Why is marquee deprecated and what is the best alternative?
  43. Refresh/reload the content in Div using jquery/ajax
  45. How to pass parameters using ui-sref in ui-router to controller
  46. How to write inside a DIV box with javascript
  47. What does ngf-select do and why is it needed for form validation?
  48. How to get height of div in px dimension
  49. jQuery: Uncaught Error: Syntax error, unrecognized expression
  50. Creating a div element in jQuery
  51. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  52. How to use in jQuery :not and hasClass() to get a specific element without a class
  53. Crop the image using JavaScript
  54. Adjust width and height of iframe to fit with content in it
  55. Force div to be topmost element of any and all webpages
  56. Retrieve the position (X,Y) of an HTML element
  57. How to display raw JSON data on a HTML page
  58. HTML onchange (this.value)
  59. Get class list for element with jQuery
  60. How to make an HTML back link?
  61. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  62. HTML/Javascript change div content
  63. Error parsing XHTML: The content of elements must consist of well-formed character data or markup
  64. How to scroll an HTML page to a given anchor
  65. How do I load an HTML page in a div using JavaScript?
  66. How To Save Canvas As An Image With canvas.toDataURL()?
  67. ReactJS – .JS vs .JSX
  68. how to call a onclick function in tag?
  69. How to implement “select all” check box in HTML?
  70. How to embed a youtube playlist with a sidebar
  71. Why is jquery show() not working in example
  72. External JavaScript Not Running, does not write to document
  73. JavaScript button onclick not working
  74. JavaScript button onclick not working
  75. How can I use jQuery to run MySQL queries?
  76. Create a simple 10 second countdown
  77. HTML make text clickable without making it a hyperlink
  78. Getting HTML form values
  79. Print a div content using Jquery
  80. Get the size of the screen, current web page and browser window
  81. How to enable a disabled checkbox dynamically?
  82. What’s the effect of adding ‘return false’ to a click event listener?
  83. Fully responsive HTML5 video
  84. window.location() not working, not opening page
  85. How to clear the canvas for redrawing
  86. How to create checkbox inside dropdown?
  87. Default text on input
  88. Adding Google Translate to a web site
  89. Javascript, viewing [object HTMLInputElement]
  90. Why onbeforeunload event is not firing
  91. How to use aria-expanded=”true” to change a css property
  92. How to wrap the content of the main tinyMCE editor with extra tags
  93. Contact Form 7 – Give each checkbox a class?
  94. How do developers add “Smooth Transitions” to their sites?
  95. Building a slide down search box in wordpress
  96. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  97. creating a static HTML/JS/PHP page
  98. Web cover page open when button clicked
  99. How to run Javascript popup modal in a loop?
  100. Sending GravityForms to custom HTML

Leave a Comment