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<10
and a && 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:
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Can I use complex HTML with Twitter Bootstrap’s Tooltip?
- How do I check whether a checkbox is checked in jQuery?
- How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
- How do I check whether a checkbox is checked in jQuery?
- (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
- How to make a word underline in Markdown
- How to play audio?
- How to play audio?
- Include another HTML file in a HTML file
- How to add jQuery code into HTML Page
- How to resolve the C:\fakepath?
- Bootstrap Dropdown menu is not working
- jquery SlideToggle effect in upward direction?
- Set timeout for ajax (jQuery)
- How does the data-toggle attribute work? (What’s its API?)
- CSS height 100% percent not working
- How to read xml file contents in jQuery and display in html elements?
- HTML5 Local storage vs. Session storage
- Express Render not working return error: No default engine was specified and no extension was provided
- Jquery swipe left or right on mobile
- Programmatically change the src of an img tag
- How to move an element into another element?
- Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- How to move all HTML element children to another parent using JavaScript?
- How can I select an element by name with jQuery?
- How to print HTML content on click of a button, but not the page?
- jQuery disable/enable submit button
- Bootstrap 4 Dropdown Menu not working?
- Shortest way to print current year in a website
- document.getElementsByClassName().innerHTML always returns “undefined”
- How to do fade-in and fade-out with JavaScript and CSS
- Vue is not defined
- OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
- Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
- onClick to get the ID of the clicked button
- HTML text input allow only numeric input
- How to change the buttons text using javascript
- How do I use this JavaScript variable in HTML?
- How to close current tab in a browser window?
- Why is marquee deprecated and what is the best alternative?
- Refresh/reload the content in Div using jquery/ajax
- How to pass parameters using ui-sref in ui-router to controller
- How to write inside a DIV box with javascript
- What does ngf-select do and why is it needed for form validation?
- How to get height of div in px dimension
- jQuery: Uncaught Error: Syntax error, unrecognized expression
- Creating a div element in jQuery
- SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
- How to use in jQuery :not and hasClass() to get a specific element without a class
- Crop the image using JavaScript
- Adjust width and height of iframe to fit with content in it
- Force div to be topmost element of any and all webpages
- Retrieve the position (X,Y) of an HTML element
- How to display raw JSON data on a HTML page
- HTML onchange (this.value)
- Get class list for element with jQuery
- How to make an HTML back link?
- How to fix getImageData() error The canvas has been tainted by cross-origin data?
- HTML/Javascript change div content
- Error parsing XHTML: The content of elements must consist of well-formed character data or markup
- How to scroll an HTML page to a given anchor
- How do I load an HTML page in a div using JavaScript?
- How To Save Canvas As An Image With canvas.toDataURL()?
- ReactJS – .JS vs .JSX
- how to call a onclick function in tag?
- How to implement “select all” check box in HTML?
- How to embed a youtube playlist with a sidebar
- Why is jquery show() not working in example
- External JavaScript Not Running, does not write to document
- JavaScript button onclick not working
- JavaScript button onclick not working
- How can I use jQuery to run MySQL queries?
- Create a simple 10 second countdown
- HTML make text clickable without making it a hyperlink
- Getting HTML form values
- Print a div content using Jquery
- Get the size of the screen, current web page and browser window
- How to enable a disabled checkbox dynamically?
- What’s the effect of adding ‘return false’ to a click event listener?
- Fully responsive HTML5 video
- window.location() not working, not opening page
- How to clear the canvas for redrawing
- How to create checkbox inside dropdown?
- Default text on input
- Adding Google Translate to a web site
- Javascript, viewing [object HTMLInputElement]
- Why onbeforeunload event is not firing
- How to use aria-expanded=”true” to change a css property
- How to wrap the content of the main tinyMCE editor with extra tags
- Contact Form 7 – Give each checkbox a class?
- How do developers add “Smooth Transitions” to their sites?
- Building a slide down search box in wordpress
- 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]
- creating a static HTML/JS/PHP page
- Web cover page open when button clicked
- How to run Javascript popup modal in a loop?
- Sending GravityForms to custom HTML