XSS (Cross Site Scripting) Prevention Cheat Sheet

= Introduction =

This article provides a simple positive model for preventing XSS using output escaping/encoding properly. While there are a huge number of XSS attack vectors, following a few simple rules can completely defend against this serious attack.

For a great cheatsheet on the attack vectors related to XSS, please refer to the excellent XSS Cheat Sheet by RSnake. More background on browser security and the various browsers can be found in the Browser Security Handbook.

= Model =

This article treats an HTML page like a template, with slots where a developer is allowed to put untrusted data. These slots cover most of the common places where a developer might want to put untrusted data. Putting untrusted data in other places in the HTML is not allowed. This is a "whitelist" model, that denies everything that is not specifically allowed.

Because of the way browsers parse HTML, each of the different types of slots has slightly different security rules. When you put untrusted data into these slots, you need to take certain steps to make sure that the data does not "escape" that slot and break into a context that allows code execution. In a way, this approach treats an HTML document like a parameterized database query - the data is kept separate from the code.

Untrusted data is most often data that comes from the HTTP request, in the form of URL parameters, form fields, headers, or cookies. But data that comes from databases, web services, and other sources is often frequently untrusted from a security perspective. That is, it might not have been perfectly validated. Therefore, it is best to always escape/encode this data to make sure it can't be used to convey an attack. There is no harm in escaping data - it will still render in the browser properly. Escaping merely prevents attacks from working.

This document sets out the most common types of slots and the rules for putting untrusted data into them safely. Based on the various specifications, known XSS vectors, and a great deal of manual testing with all the popular browsers, we have determined that the rule proposed here are safe.

The slots are defined and a few examples of each are provided. Developers SHOULD NOT put data into any other slots without a very careful analysis to ensure that what they are doing is safe. Browser parsing is extremely tricky and many innocuous looking characters can be significant in the right context.

= Rules =

RULE #0 - Never Insert Untrusted Data Except in Allowed Locations
The first rule is that you should adopt a positive model for putting data into HTML. None of the following locations are good places for untrusted data.

&lt;script>...NO UNTRUSTED HERE... directly in a script &lt;!--...NO UNTRUSTED HERE...-->            inside an HTML comment &lt;div ...NO UNTRUSTED HERE...=test />      in an attribute name &lt;...NO UNTRUSTED HERE... href="/test" />  in a tag name

Using untrusted data in HTML anywhere except as specifically discussed above is NOT ALLOWED. Most importantly, never accept code from an untrusted source and then run it. No amount of encoding can fix that. There’s no good reason to put untrusted data in these contexts.

RULE #1 - Escape Before Inserting into HTML Element Content
Rule #1 is for when you want to put untrusted data directly into the HTML body somewhere. This includes inside normal tags like div, p, b, td, etc...

&lt;body>...UNTRUSTED HERE...  &lt;div>...UNTRUSTED HERE...   any other normal HTML elements

Escape the following characters with HTML entity encoding to prevent switching into any execution context, such as script, style, or event handlers. Using hex entities is recommended in the spec. In addition to the 5 characters significant in XML, the forward slash is included as it helps to end an HTML entity.

&amp;amp; &amp;lt; &amp;gt; &amp;quot; &amp;apos; &amp;#x2F

RULE #2 - Escape Before Inserting into HTML Common Attributes
Rule #2 is for putting untrusted data into typical attribute values like width, name, value, etc... It is extremely important that event handler attributes like onmouseover should use Rule #3 for HTML JavaScript Data Values.

&lt;div attr=...UNTRUSTED HERE...>content    inside UNquoted attribute &lt;div attr='...UNTRUSTED HERE...'>content  inside single quoted attribute &lt;div attr="...UNTRUSTED HERE...">content  inside double quoted attribute

Escape all characters less than 256 except alphanumeric characters with the &amp;#xHH; format (or a named entity in available) to prevent switching out of the attribute. The reason this rule is so broad is that developers frequently leave attributes unquoted. Properly quoted attributes can only be escaped with the corresponding quote. Unquoted attributes can be broken out of with many characters including space % * +, - / ; < = > ^ | could break out.

RULE #3 - Escape Before Inserting into HTML JavaScript Data Values
Rule #3 concerns the JavaScript event handlers that are specified on various HTML elements. The only safe place to put untrusted data into these event handlers is into a "data value." Including untrusted data inside these little code blocks is quite dangerous, as it is very easy to switch into an execution context, so use with caution.

&lt;script>alert('...UNTRUSTED HERE...')&lt;/script>    inside a quoted string &lt;script>x=...UNTRUSTED HERE...&lt;/script>           one side of an expression &lt;div onmouseover=...UNTRUSTED HERE...&lt;/div>       inside UNquoted event handler &lt;div onmouseover='...UNTRUSTED HERE...'&lt;/div>     inside quoted event handler &lt;div onmouseover="...UNTRUSTED HERE..."&lt;/div>     inside quoted event handler

Escape all characters less than 256 except alphanumeric characters with the \xHH format to prevent switching out of the data value into the script context or into another attribute. Do not use any escaping shortcuts like \" because the quote character may be matched by the HTML attribute parser which runs first. If an event handler is quoted, breaking out requires the corresponding quote. The reason this rule is so broad is that developers frequently leave event handler attributes unquoted.  Properly quoted attributes can only be escaped with the corresponding quote. Unquoted attributes can be broken out of with many characters including space % * +, - / ; < = > ^ | could break out. Also, tag is also likely to close the script block even though it is inside a quoted string because the HTML parser runs before the JavaScript parser.

RULE #4 - Escape Before Inserting into HTML Style Property Values
Rule #4 is for when you want to put untrusted data into a stylesheet or a style tag. CSS is surprisingly powerful, and can be used for numerous attacks. Therefore, it's important that you only use untrusted data in a property value and not into other places in style data. You should stay away from putting untrusted data into complex properties like url, behavior, and custom (-moz-binding). You should also not put untrusted data into IE’s expression property value which allows JavaScript.

&lt;style>selector { property : ...UNTRUSTED HERE...; } &lt;/style>    property value &lt;span style=property : ...UNTRUSTED HERE...;>text&lt;/style>        property value

Use \HH for all characters less than 256 except alphanumeric. Do not use any escaping shortcuts like \" because the quote character may be matched by the HTML attribute parser which runs first. Prevent switching out of the property value and into another property or attribute. Also prevent switching into an expression or other property value that allows scripting. If attribute is quoted, breaking out requires the corresponding quote. All attributes should be quoted. Unquoted attributes can be broken out of with many characters including space % * +, - / ; < = > ^ | could break out.  Also, the tag is also likely to close the style block even though it is inside a quoted string because the HTML parser runs before the JavaScript parser.

RULE #5 - Escape Before Inserting into HTML URL Attributes
Rule #5 is for when you want to put untrusted data into a link to another location. This includes href and src attributes. There are a few other location attributes, but we recommend against using untrusted data in them. One important note is that using untrusted data in javascript: urls is a very bad idea, but you could possibly use the HTML JavaScript Data Value rule above.

&lt;a href=http://...UNTRUSTEDHERE...>link&lt;/a >        a normal link &lt;img src='http://...UNTRUSTED HERE...' />           an image source &lt;script src="http://...UNTRUSTED HERE..." />        a script source

Use %HH for all characters less than 256 except alphanumeric. Including untrusted data in data: urls should not be allowed as there is no good way to disable attacks with encoding to prevent switching out of the url. All attributes should be quoted. Unquoted attributes can be broken out of with many characters including space % * +, - / ; < = > ^ | could break out. Note that entity encoding is useless in this context.

= Encoding Information =

Coming soon...