What is CDATA in HTML? [duplicate]

by

All text in an XML document will be parsed by the parser.

But text inside a CDATA section will be ignored by the parser.

CDATA – (Unparsed) Character Data

The term CDATA is used about text data that should not be parsed by the XML parser.

Characters like “<” and “&” are illegal in XML elements.

“<” will generate an error because the parser interprets it as the start of a new element.

“&” will generate an error because the parser interprets it as the start of an character entity.

Some text, like JavaScript code, contains a lot of “<” or “&” characters. To avoid errors script code can be defined as CDATA.

Everything inside a CDATA section is ignored by the parser.

A CDATA section starts with “<![CDATA[” and ends with “]]>“

Use of CDATA in program output

CDATA sections in XHTML documents are liable to be parsed differently by web browsers if they render the document as HTML, since HTML parsers do not recognise the CDATA start and end markers, nor do they recognise HTML entity references such as &lt; within <script> tags. This can cause rendering problems in web browsers and can lead to cross-site scripting vulnerabilities if used to display data from untrusted sources, since the two kinds of parsers will disagree on where the CDATA section ends.

A brief SGML tutorial.

Also, see the Wikipedia entry on CDATA.

More Related Contents:

  1. When is a CDATA section necessary within a script tag?
  2. Why don’t self-closing script elements work?
  3. Custom attributes – Yea or nay?
  4. Reading cookie expiration date
  5. Ignore mouse interaction on overlay image
  6. Is it possible to dynamically scale text size based on browser width?
  7. Div Z-Index issue with Flash movie
  8. Focus Input Box On Load
  9. I want to show list items as 2 or more columns (dynamic alignment)
  10. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?
  11. How to add a black shadow on top of a div block with background image?
  12. Javascript / Html Check box error [closed]
  13. Creating a textarea with auto-resize
  14. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  15. Document.write clears page
  16. HTML button to NOT submit form
  17. Submit multiple forms with one submit button
  18. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  19. Add content to a new open window
  20. How to get file name when user select a file via ?
  21. Enable/Disable submit button if checkbox is checked/unchecked?
  22. Changing the order of elements
  23. addEventListener for keydown on Canvas
  24. GoogleMaps does not load on page load
  25. How do I detect when a web page is loaded?
  26. collapse and expand tabs jquery / simple accordion
  27. Simple HTML sanitizer in Javascript [closed]
  28. How to get an element’s padding value using JavaScript?
  29. Connecting to remote SSH server (via Node.js/html5 console)
  30. True Isometric Projection with HTML5 Canvas

Leave a Comment