regex101: A complete recognition of HTML elements pattern.

Group 1([\n ]*((<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)([\n ]*<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)*)[\n ]*$)

Character Class[\n ]*

*matches any number of characters from the set below:

\na line-feed (newline) character (ASCII 10)

the literal (32₁₀ / 40₈ / 20₁₆)

Group 2((<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)([\n ]*<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)*)

Group 3(<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Group 4((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))

1st Alternative(([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))

Group 5(([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))

Group 6([a-zA-Z]+)

Character Class[a-zA-Z]+

+matches at least one character from the set below:

a-zone character from a (97₁₀) to z (122₁₀) (case sensitive)

A-Zone character from A (65₁₀) to Z (90₁₀) (case sensitive)

Group 7( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))*

*repeats the group contents below any number of times:

+the literal (32₁₀ / 40₈ / 20₁₆) , repeated at least once

Group 8(\w|\w+-+\w*)+

+repeats the group contents below at least once:

1st Alternative\w

\wany word character

2nd Alternative\w+-+\w*

\w+any word character, repeated at least once

-+the literal - (45₁₀ / 55₈ / 2D₁₆) , repeated at least once

\w*any word character, repeated any number of times

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

=the literal = (61₁₀ / 75₈ / 3D₁₆)

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 9(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\'))

1st Alternative( *(\w|\w+-+\w*)+ *)

Group 10( *(\w|\w+-+\w*)+ *)

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 11(\w|\w+-+\w*)+

+repeats the group contents below at least once:

1st Alternative\w

\wany word character

2nd Alternative\w+-+\w*

\w+any word character, repeated at least once

-+the literal - (45₁₀ / 55₈ / 2D₁₆) , repeated at least once

\w*any word character, repeated any number of times

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

2nd Alternative((") *.+ *("))

Group 12((") *.+ *("))

Group 13(")

"the literal " (34₁₀ / 42₈ / 22₁₆)

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

.+any character (except for line terminators), repeated at least once

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 14(")

"the literal " (34₁₀ / 42₈ / 22₁₆)

3rd Alternative((') *.+ *('))

Group 15((') *.+ *('))

Group 16(')

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

.+any character (except for line terminators), repeated at least once

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 17(')

4th Alternative(\\" *.+ *\\")

5th Alternative(\\' *.+ *\\')

*the literal (32₁₀ / 40₈ / 20₁₆) , repeated any number of times

Group 20((\/)|(>([ \n]|.)*<\/[a-zA-Z]+))

2nd Alternative(!--([ \n]|.)*--)

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Group 26([\n ]*<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)*

Character Class[\n ]*

$end of string

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

y modifier: sticky. Matches only at the current search position instead of scanning ahead

Search reference

Regular Expression

([\n ]*((<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)([\n ]*<((([a-zA-Z]+)( +(\w|\w+-+\w*)+ *= *(( *(\w|\w+-+\w*)+ *)|((") *.+ *("))|((') *.+ *('))|(\\" *.+ *\\")|(\\' *.+ *\\')))* *((\/)|(>([ \n]|.)*<\/[a-zA-Z]+)))|(!--([ \n]|.)*--))>)*)[\n ]*$)

New

<div attr1="value"></div>
<!-- this is a HTML comment -->

Regular Expressions 101

Regular Expression

Substitution