This site is the archived OWASP Foundation Wiki and is no longer accepting Account Requests.
To view the new OWASP Foundation website, please visit https://owasp.org

Difference between revisions of "XSS (Cross Site Scripting) Prevention Cheat Sheet"

From OWASP
Jump to: navigation, search
m (Point to the official site)
 
(221 intermediate revisions by 23 users not shown)
Line 1: Line 1:
== Introduction ==
+
__NOTOC__
 +
<div style="width:100%;height:160px;border:0,margin:0;overflow: hidden;">[[File:Cheatsheets-header.jpg|link=]]</div>
  
This article provides a simple positive model for preventing [[XSS]] using encoding properly. While there are a huge number of XSS attack vectors, following a few simple rules can completely defend against this serious attack.
+
The Cheat Sheet Series project has been moved to [https://github.com/OWASP/CheatSheetSeries GitHub]!
  
For a great cheatsheet on the attack vectors related to XSS, please refer to the excellent [http://ha.ckers.org/xss.html XSS Cheat Sheet] by RSnake. More background on browser security and the various browsers can be found in the [http://code.google.com/p/browsersec/ Browser Security Handbook].
+
Please visit [https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html XSS (Cross Site Scripting) Prevention Cheat Sheet] to see the latest version of the cheat sheet.
 
 
 
 
== Model ==
 
 
 
This article treats an HTML page like a template, with slots where a developer might put user input. There are several different types of slots, and they each have 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.
 
 
 
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.
 
 
 
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.
 
 
 
 
 
== RULE #0 - Only Put User Data 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 USER DATA HERE...</script>  directly in a script
 
 
 
  &lt;!--...NO USER DATA HERE...-->            inside an HTML comment
 
 
 
  &lt;div ...NO USER DATA HERE...=test />      in an attribute name
 
 
 
  &lt;...NO USER DATA HERE... href="/test" />  in a tag name
 
 
 
Using user input in HTML anywhere except as specifically discussed above is NOT ALLOWED.  Most importantly, never accept code from a user and then run it.  No amount of encoding can fix that. There’s no good reason to put user data in these contexts.
 
 
 
 
 
== RULE #1 - Escape HTML Element Content ==
 
 
 
Rule #1 is for when you want to put untrusted input directly into the HTML body somewhere. This includes inside normal tags like div, p, b, td, etc...
 
 
 
  &lt;body>...USER DATA HERE...</body>
 
 
 
  &lt;div>...USER DATA HERE...</div>
 
 
 
  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 HTML Common Attributes ==
 
 
 
Rule #2 is for putting untrusted data input 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=...USER DATA HERE...>content</div>    inside UNquoted attribute
 
 
 
  &lt;div attr='...USER DATA HERE...'>content</div>  inside single quoted attribute
 
 
 
  &lt;div attr="...USER DATA HERE...">content</div>  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.
 
 
 
 
 
3) RULE #3 - HTML JavaScript Data Value
 
 
 
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 user 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('...USER DATA HERE...')&lt;/script>    inside a quoted string
 
 
 
  &lt;script>x=...USER DATA HERE...&lt;/script>            one side of an expression
 
 
 
  &lt;div onmouseover=...USER DATA HERE...&lt;/div>        inside UNquoted event handler
 
 
 
  &lt;div onmouseover='...USER DATA HERE...'&lt;/div>      inside quoted event handler
 
 
 
  &lt;div onmouseover="...USER DATA 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, </script> 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 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 user data into IE’s expression property value which allows JavaScript.
 
 
 
  &lt;style>selector { property : ...USER DATA HERE...; } &lt;/style>
 
 
 
  &lt;span style=property : ...USER DATA HERE...;>text&lt;/style>
 
 
 
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 </style> 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 - 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 user data in them. One important note is that using user 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://...USER DATA HERE...>link&lt;/a >  a normal link
 
 
 
  &lt;img src=http://...USER DATA HERE... />            an image source
 
 
 
  &lt;script src="http://...USER DATA HERE..." />      a script source
 
 
 
Use %HH for all characters less than 256 except alphanumeric.  Including user 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...
 

Latest revision as of 13:49, 15 July 2019

Cheatsheets-header.jpg

The Cheat Sheet Series project has been moved to GitHub!

Please visit XSS (Cross Site Scripting) Prevention Cheat Sheet to see the latest version of the cheat sheet.