doc(attr-sorted): initial docs

Author: nschonni

docs/user-guide/list-rules.md

@@ -24,6 +24,7 @@ title: List of rules
 - [`attr-value-double-quotes`](/docs/user-guide/rules/attr-value-double-quotes): Attribute values must be in double quotes.
 - [`attr-value-single-quotes`](/docs/user-guide/rules/attr-value-single-quotes): Attribute values must be in single quotes.
 - [`attr-value-not-empty`](/docs/user-guide/rules/attr-value-not-empty): All attributes must have values.
+- [`attr-sorted`](/docs/user-guide/rules/attr-sorted): No leading or trailing spaces in attribute values.
 - [`attr-whitespace`](/docs/user-guide/rules/attr-whitespace): No leading or trailing spaces in attribute values.
 - [`alt-require`](/docs/user-guide/rules/alt-require): The alt attribute of an element must be present and alt attribute of area[href] and input[type=image] must have a value.
 - [`input-requires-label`](/docs/user-guide/rules/input-requires-label): All [ input ] tags must have a corresponding [ label ] tag.

docs/user-guide/rules/attr-sorted.md

@@ -0,0 +1,39 @@
+---
+id: attr-sorted
+title: attr-sorted
+---
+
+Attributes should be sorted in the following order:
+
+- class
+- id
+- name
+- src
+- for
+- type
+- href
+- value
+- title
+- alt
+- role
+
+Level: `error`
+
+## Config value
+
+1. true: enable rule
+2. false: disable rule
+
+The following pattern are **not** considered violations:
+
+<!-- prettier-ignore -->
+```html
+<div img="image" meta="meta" font="font"></div>
+```
+
+The following pattern is considered violation:
+
+<!-- prettier-ignore -->
+```html
+<div type="type" img="image" id="id" font="font"></div>
+```