Regular Expressions 101

Save & Share

Flavor

  • PCRE2 (PHP >=7.3)
  • PCRE (PHP <7.3)
  • ECMAScript (JavaScript)
  • Python
  • Golang
  • Java 8
  • .NET 7.0 (C#)
  • Rust
  • Regex Flavor Guide

Function

  • Match
  • Substitution
  • List
  • Unit Tests

Tools

Sponsors
There are currently no sponsors. Become a sponsor today!
An explanation of your regex will be automatically generated as you type.
Detailed match information will be displayed here automatically.
  • All Tokens
  • Common Tokens
  • General Tokens
  • Anchors
  • Meta Sequences
  • Quantifiers
  • Group Constructs
  • Character Classes
  • Flags/Modifiers
  • Substitution
  • A single character of: a, b or c
    [abc]
  • A character except: a, b or c
    [^abc]
  • A character in the range: a-z
    [a-z]
  • A character not in the range: a-z
    [^a-z]
  • A character in the range: a-z or A-Z
    [a-zA-Z]
  • Any single character
    .
  • Alternate - match either a or b
    a|b
  • Any whitespace character
    \s
  • Any non-whitespace character
    \S
  • Any digit
    \d
  • Any non-digit
    \D
  • Any word character
    \w
  • Any non-word character
    \W
  • Non-capturing group
    (?:...)
  • Capturing group
    (...)
  • Zero or one of a
    a?
  • Zero or more of a
    a*
  • One or more of a
    a+
  • Exactly 3 of a
    a{3}
  • 3 or more of a
    a{3,}
  • Between 3 and 6 of a
    a{3,6}
  • Start of string
    ^
  • End of string
    $
  • A word boundary
    \b
  • Non-word boundary
    \B

Regular Expression
No Match

/
/
ig

Test String

Code Generator

Language

Generated Code

$re = '/<\s*a(\s+.*?>|>).*?<\s*\/\s*a\s*>/i'; $str = '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- saved from url=(0037)http://www.dota2.com/hero/Brewmaster/ --> <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="shortcut icon" href="http://www.dota2.com/favicon.ico"> <meta http-equiv="X-UA-Compatible" content="IE=9"> <link href="./Hero - Brewmaster_files/global.css" rel="stylesheet" type="text/css"> <link href="./Hero - Brewmaster_files/global_english.css" rel="stylesheet" type="text/css"> <link href="./Hero - Brewmaster_files/publicheader.css" rel="stylesheet" type="text/css"> <link href="./Hero - Brewmaster_files/heropedia.css" rel="stylesheet" type="text/css"> <link href="./Hero - Brewmaster_files/tooltips.css" rel="stylesheet" type="text/css"> <script type="text/javascript" async="" src="./Hero - Brewmaster_files/ga.js"></script><script type="text/javascript" src="./Hero - Brewmaster_files/jquery-2.1.3.min.js"></script> <script type="text/javascript">$J = jQuery;</script><script type="text/javascript" src="./Hero - Brewmaster_files/shared_global.js"></script> <script type="text/javascript" src="./Hero - Brewmaster_files/tooltips.js"></script> <title>Hero - Brewmaster</title> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push([\'_setAccount\', \'UA-33822635-2\']); _gaq.push([\'_setSampleRate\', \'1\']); _gaq.push([\'_setDomainName\', \'dota2.com\']); _gaq.push([\'_trackPageview\']); (function() { var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true; ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\'; var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <link rel="stylesheet" type="text/css" href="./Hero - Brewmaster_files/tooltips(1).css"><style type="text/css">/*.lleo_errorSelection *::-moz-selection, .lleo_errorSelection *::selection, .lleo_errorSelection *::-webkit-selection { background-color: red !important; color: #fff !important;; }*/ #lleo_dialog, #lleo_dialog * { color: #000 !important; font: normal 13px Arial, Helvetica !important; line-height: 15px !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none 0 !important; position: static !important; vertical-align: baseline !important; overflow: visible !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; float: none !important; visibility: visible !important; text-align: left !important; text-transform: none !important; border-collapse: separate !important; border-spacing: 2px !important; box-sizing: content-box !important; box-shadow: none !important; opacity: 1 !important; text-shadow: none !important; letter-spacing: normal !important; -webkit-filter: none !important; -moz-filter: none !important; filter: none !important; } #lleo_dialog *:before, #lleo_dialog *:after { content: \'\'; } #lleo_dialog iframe { height: 0 !important; width: 0 !important; } #lleo_dialog { position: absolute !important; background: #fff !important; border: solid 1px #ccc !important; padding: 7px 0 0 !important; left: -999px; top: -999px; width: 440px !important; overflow: hidden; display: block !important; z-index: 999999999 !important; box-shadow: 8px 16px 30px rgba(0, 0, 0, 0.16) !important; border-radius: 3px !important; opacity: 0 !important; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); } #lleo_dialog.lleo_show_small { width: 150px !important; } #lleo_dialog.lleo_show { opacity: 1 !important; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s !important; -moz-transition: -moz-transform 0.3s, opacity 0.3s !important; -ms-transition: -ms-transform 0.3s, opacity 0.3s !important; -o-transition: -o-transform 0.3s, opacity 0.3s !important; transition: transform 0.3s, opacity 0.3s !important; } #lleo_dialog.lleo_collapse { opacity: 0 !important; -webkit-transform: scale(0.25, 0.1) translate(-550px, 100px); -moz-transform: scale(0.25, 0.1) translate(-550px, 100px); -ms-transform: scale(0.25, 0.1) translate(-550px, 100px); -o-transform: scale(0.25, 0.1) translate(-550px, 100px); transform: scale(0.25, 0.1) translate(-550px, 100px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s !important; -moz-transition: -moz-transform 0.4s, opacity 0.4s !important; -ms-transition: -ms-transform 0.4s, opacity 0.4s !important; -o-transition: -o-transform 0.4s, opacity 0.4s !important; transition: transform 0.4s, opacity 0.4s !important; } #lleo_dialog input::-webkit-input-placeholder { color: #aaa !important; } #lleo_dialog .lleo_has_pic #lleo_word { margin-right: 80px !important; } #lleo_dialog #lleo_translationsContainer1 { position: relative !important; } #lleo_dialog #lleo_translationsContainer2 { padding: 7px 0 0 !important; vertical-align: middle !important; } #lleo_dialog #lleo_word { color: #000 !important; margin: 0 5px 2px 0 !important; /*float: left !important;*/ } #lleo_dialog .lleo_has_sound #lleo_word { margin-left: 30px !important; } #lleo_dialog #lleo_text { font-weight: bold !important; color: #d56e00 !important; text-decoration: none !important; cursor: default !important; } /* #lleo_dialog #lleo_text.lleo_known { cursor: pointer !important; text-decoration: underline !important; } */ /*#lleo_dialog #lleo_closeBtn { position: absolute !important; right: 6px !important; top: 5px !important; line-height: 1px !important; text-decoration: none !important; font-weight: bold !important; font-size: 0 !important; color: #aaa !important; display: block !important; z-index: 9999999999 !important; width: 7px !important; height: 7px !important; padding: 0 !important; margin: 0 !important; }*/ #lleo_dialog #lleo_optionsBtn { position: absolute !important; right: 3px !important; top: 5px !important; line-height: 1px !important; text-decoration: none !important; font-weight: bold !important; font-size: 13px !important; color: #aaa !important; padding: 2px !important; display: none; } #lleo_dialog.lleo_optionsShown #lleo_optionsBtn { display: block !important; } #lleo_dialog #lleo_optionsBtn img { width: 12px !important; height: 12px !important; } #lleo_dialog #lleo_sound { float: left !important; width: 16px !important; height: 16px !important; margin-left: 9px !important; margin-right: 3px !important; background: 0 0 no-repeat !important; cursor: pointer !important; display: none !important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfNJREFUeNq0U01IVFEU/u57Oo5WhBRIBBptykWLYBa2soWiEKQQEbrSFsGbVRQKQc2iFqGitXqvjQxCoCJCqyI0aBUtZILaJNUuYWYWo8HovJ/707nP94bnz0rxwvfOuefd8517fi5TSuE4i50YwZ3l37ZhNlpgzFkaaM/G9sHF1YskNrT+7l4PjMOcb78t2JL71uxgB+2UlfxHTtq5N94fIOh/88kWgWfl73ZCSQkpeGg3H091JY6dI2S00qA/N3KO3dDUYhFgEmZGurG+w9FqApIHsVM7kaTF9Nhn0r8Q7hPWQgIRuNaH3AMUA4W/Lkdh04cpFS43G0TgxQTvCdMETVAk3KynIHwXZU/ge8XDt7KH9bKLjU0P2zVO5LsEpSejVRJ9UR18EtfqKegovs9R3Q6w9c/H1o4Aa2Jwm1lIvn9RJ4w9RdRRzqcYrpwycCll4Cy1lnkS3Bc6vfBg28v8aRIfI78zhB/1GygROH3jLyyzMQ0zlUZuZBSlKkeLoegGtTjYLcJ8pF+NakHOFC2J6w+f25mxSfWrWFF/ShXVPTGvtN14NNkVnxlYWJkgZEL7/vwKr55lKSVnaGYWkuYgrgG172uUv47+U7fw0EHaJXmalUQy/HqO6lBzEsVjJC4Q8kd6TETQpjuaGOvjv8b/AgwA/ij1XMx58NIAAAAASUVORK5CYII=) !important; } #lleo_dialog .lleo_has_sound #lleo_sound { display: block !important; } #lleo_dialog #lleo_soundWave { border: solid 5px #4495CC !important; border-radius: 5px !important; position: absolute !important; left: -5px !important; top: -5px !important; right: -5px !important; bottom: -5px !important; z-index: 0 !important; opacity: 0.9 !important; display: none !important; } #lleo_dialog #lleo_soundWave.lleo_beforePlaying { display: block !important; } #lleo_dialog #lleo_soundWave.lleo_playing { opacity: 0 !important; border-width: 20px !important; border-radius: 30px !important; -webkit-transform: scale(1.07,1.1) !important; -moz-transform: scale(1.07,1.1) !important; -ms-transform: scale(1.07,1.1) !important; transform: scale(1.07,1.1) !important; -webkit-transition: all 0.6s !important; -moz-transition: all 0.6s !important; -ms-transition: all 0.6s !important; transition: all 0.6s !important; } #lleo_dialog #lleo_picOuter { position: absolute !important; float: right !important; top: 4px; right: 5px; z-index: 9 !important; display: none !important; width: 100px !important; } #lleo_dialog.lleo_optionsShown #lleo_picOuter { right: 25px; } #lleo_dialog .lleo_has_pic #lleo_picOuter { display: block !important; } #lleo_dialog #lleo_picOuter:hover { width: auto !important; z-index: 11 !important; } #lleo_dialog #lleo_pic, #lleo_dialog #lleo_picBig { position: absolute !important; top: 0 !important; right: 0 !important; border: solid 2px #fff !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; z-index: 1 !important; } #lleo_dialog #lleo_pic { position: relative !important; border: none !important; width: 30px !important; } #lleo_dialog #lleo_picBig { box-shadow: -1px 2px 4px rgba(0,0,0,0.3); z-index: 2 !important; opacity: 0 !important; visibility: hidden !important; } #lleo_dialog #lleo_picOuter:hover #lleo_picBig { visibility: visible !important; opacity: 1 !important; -webkit-transition: opacity 0.3s !important; -webkit-transition-delay: 0.3s !important; } #lleo_dialog #lleo_transcription { margin: 0 80px 4px 31px !important; color: #aaaaaa !important; } #lleo_dialog .lleo_no_trans { color: #aaa !important; } #lleo_dialog .ll-translation-counter { float: right !important; font-size: 11px !important; color: #aaa !important; padding: 2px 2px 1px 10px !important; } #lleo_dialog .ll-translation-text { float: left !important; /*width: 80% !important;*/ } #lleo_dialog #lleo_trans a { color: #3F669F !important; text-decoration: none !important; text-overflow: ellipsis !important; padding: 1px 4px !important; overflow: hidden !important; float: left !important; width: 320px !important; } #lleo_dialog .ll-translation-item { color: #3F669F !important; border: solid 1px #fff !important; padding: 3px !important; width: 100% !important; float: left !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; } #lleo_dialog .ll-translation-item:hover { border: solid 1px #9FC2C9 !important; background: #EDF4F6 !important; cursor: pointer !important; } #lleo_dialog .ll-translation-item:hover .ll-translation-counter { color: #83a0a6 !important; } #lleo_dialog .ll-translation-marker { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAWSURBVBhXY7RPm/+fAQkwIXNAbMICAJQ8AkvqWg/SAAAAAElFTkSuQmCC) !important; display: inline-block !important; width: 4px !important; height: 4px !important; margin: 7px 5px 2px 2px !important; float: left !important; } #lleo_dialog #lleo_icons { color: #aaa !important; font-size: 11px !important; background: #f8f8f8 !important; padding: 10px 10px 10px 16px !important; } #lleo_icons a { display: inline-block !important; width: 16px !important; height: 16px !important; margin: 0 10px -4px 3px !important; text-decoration: none !important; opacity: 0.5 !important; background: url(data:image/png;base64,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) !important; } #lleo_icons a:hover { opacity: 1 !important; } #lleo_icons a.lleo_google {background-position:-34px 0 !important;} #lleo_icons a.lleo_multitran {background-position:-64px 0 !important;} #lleo_icons a.lleo_lingvo {background-position:-51px 0 !important; width: 12px !important;} #lleo_icons a.lleo_dict {background-position:-17px 0 !important;} #lleo_icons a.lleo_linguee {background-position:-81px 0 !important;} #lleo_icons a.lleo_michaelis {background-position:-98px 0 !important;} #lleo_dialog #lleo_contextContainer { margin: 0 !important; padding: 3px 15px 8px 10px !important; background: #eee !important; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important; background: -moz-linear-gradient(-90deg, #fff, #eee) !important; border-bottom: solid 1px #ddd !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; display: none !important; overflow: hidden !important; } #lleo_dialog .lleo_has_context #lleo_contextContainer { display: block !important; } #lleo_dialog #lleo_context { color: #444 !important; text-shadow: 1px 1px 0 #f4f4f4 !important; line-height: 12px !important; font-size: 11px !important; margin-left: 2px !important; } #lleo_dialog #lleo_context b { line-height: 12px !important; color: #000 !important; font-weight: bold !important; font-size: 11px !important; } /*#lleo_dialog #lleo_gBrand { color: #aaa !important; font-size: 10px !important; *//*padding-right: 52px !important;*//* padding-bottom: 14px !important; margin: -3px 4px 0 4px !important; background: left bottom url(data:image/png;base64,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) no-repeat !important; display: inline-block !important; float: right !important; } #lleo_dialog #lleo_gBrand.hidden { display: none !important; }*/ #lleo_dialog #lleo_translateContextLink { color: #444 !important; text-shadow: 1px 1px 0 #f4f4f4 !important; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ddd)) !important; background: -moz-linear-gradient(-90deg, #f4f4f4, #ddd) !important; border: solid 1px !important; box-shadow: 1px 1px 0 #f6f6f6 !important; border-color: #999 #aaa #aaa #999 !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; padding: 0 3px !important; font-size: 11px !important; text-decoration: none !important; margin: 1px 5px 0 !important; display: inline-block !important; white-space: nowrap !important; } #lleo_dialog #lleo_translateContextLink:hover { background: #f8f8f8 !important; } #lleo_dialog #lleo_translateContextLink.hidden { visibility: hidden !important; } #lleo_dialog #lleo_setTransForm { display: block !important; margin-top: 3px !important; padding-top: 5px !important; /* Set position and background because the form might be overlapped by an image when no translations */ position: relative !important; background: #fff !important; z-index: 10 !important; padding-bottom: 10px !important; padding-left: 16px !important; } #lleo_dialog .lleo-custom-translation { padding: 4px 5px !important; border: solid 1px #ddd !important; border-radius: 2px !important; width: 90% !important; min-width: 270px !important; background: -webkit-gradient(linear, 0 0, 0 20, from(#f1f1f1), to(#fff)) !important; background: -moz-linear-gradient(-90deg, #f1f1f1, #fff) !important; font: normal 13px Arial, Helvetica !important; line-height: 15px !important; } #lleo_dialog .lleo-custom-translation:hover { border: solid 1px #aaa !important; } #lleo_dialog .lleo-custom-translation:focus { background: #FFFEC9 !important; } #lleo_dialog *.hidden { display: none !important; } #lleo_dialog .infinitive{ color: #D56E00 !important; text-decoration: none; border-bottom: 1px dotted #D56E00 !important; } #lleo_dialog .infinitive:hover{ border: none !important; } #lleo_dialog .lleo_separator { height: 1px !important; background: #eee; margin-top: 10px !important; background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, #eee 8%, rgba(255,255,255,1) 80%) !important; background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important; background: linear-gradient(to right, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important; } #lleo_dialog #lleo_trans { /*border-top: 1px solid #eeeeee !important;*/ padding: 5px 30px 0 14px !important; zoom: 1; } #lleo_dialog .lleo_clearfix { display: block !important; clear: both !important; visibility: hidden !important; height: 0 !important; font-size: 0 !important; } #lleo_dialog #lleo_picOuter table { width: 44px !important; position: absolute !important; right: 0 !important; top: 0 !important; vertical-align: middle !important; } #lleo_dialog #lleo_picOuter td { width: 38px !important; height: 38px !important; /*border: 1px solid #eeeeee !important;*/ vertical-align: middle !important; text-align: center !important; } #lleo_dialog #lleo_picOuter td div { height: 38px !important; overflow: hidden !important; } #lleo_dialog .lleo_empty { margin: 0 5px 7px !important; } #lleo_youtubeExportBtn { margin-left: 10px; height: 24px; } #lleo_youtubeExportBtn i { display: inline-block; width: 16px; height: 16px; background: 0 0 url(https://d144fqpiyasmrr.cloudfront.net/plugins/all/images/i16.png) !important; } #lleo_youtubeExportBtn .yt-uix-button-content { font-size: 12px; line-height: 2px; } /*** Parsed Lyrics Content *****************************/ .lleo_lyrics tran { background: transparent !important; border-radius: 2px !important; text-shadow: none !important; cursor: pointer !important; } .lleo_lyrics tran:hover { color: #fff !important; background: #C77213 !important; -webkit-transition: all 0.1s !important; -moz-transition: all 0.1s !important; -ms-transition: all 0.1s !important; -o-transition: all 0.1s !important; transition: all 0.1s !important; } .lleo_songName { border: solid 1px #ffd47c; background: #fff1c2; border-radius: 2px; } .lleo_hidden_iframe { visibility: hidden; }</style></head> <body> <center> <!-- header bar --> <div id="navBarBGRepeat" class="DotaFont"> <div id="navBarShadow"></div> <div id="navBarBG"> <div id="navBar"> <div id="navLoginAndLanguage"> <a href="https://steamcommunity.com/oauth/login?client_id=9B2C1229&response_type=token&state=hero%2FBrewmaster%2F">Login</a> &nbsp;|&nbsp;&nbsp; <div id="languageSelector" class="DotaFont"> <a href="javascript:void(0)">Language</a> <img style="padding-bottom: 2px;" src="./Hero - Brewmaster_files/btn_arrow_down.png" width="9" height="4" border="0"><br> <div style="display:none;" id="languageList"> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=brazilian">Português-Brasil (Portuguese-Brazil)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=bulgarian">Български (Bulgarian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=czech">čeština (Czech)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=danish">Dansk (Danish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=dutch">Nederlands (Dutch)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=finnish">Suomi (Finnish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=french">Français (French)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=german">Deutsch (German)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=greek">Ελληνικά (Greek)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=hungarian">Magyar (Hungarian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=italian">Italiano (Italian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=japanese">日本語 (Japanese)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=koreana">한국어 (Korean)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=norwegian">Norsk (Norwegian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=polish">Polski (Polish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=portuguese">Português (Portuguese)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=russian">Русский (Russian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=romanian">Română (Romanian)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=schinese">简体中文 (Simplified Chinese)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=spanish">Español (Spanish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=swedish">Svenska (Swedish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=tchinese">繁體中文 (Traditional Chinese)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=thai">ไทย (Thai)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=turkish">Türkçe (Turkish)</a> <a class="DotaFont languageItem" href="http://www.dota2.com/hero/Brewmaster/?l=ukrainian">Українська (Ukrainian)</a> </div> </div> </div> <span class="navItem navItemDotaLogo"> <a class="navBarItem DotaFont" href="http://blog.dota2.com/"> <img border="0" class="DotaLogo" src="./Hero - Brewmaster_files/logo.png"> </a> </span> <span class="navItem"> <a class="navBarItem DotaFont" href="http://www.dota2.com/international/">The International</a> </span> <span class="navItem"> <a class="navBarItem DotaFont" href="http://www.dota2.com/watch/">Watch<sup>BETA</sup></a> </span> <span class="navItem"> <a class="navBarItem DotaFont" href="http://www.dota2.com/store/">Store</a> </span> <span class="navItem"> <a class="navBarItem DotaFont" href="javascript:void(0)">Heropedia</a> <div style="top: 54px; left: 736.59375px; display: none;" class="menuSubItemList"> <a class="DotaFont" href="http://www.dota2.com/heroes/">Heroes</a> <a class="DotaFont" href="http://www.dota2.com/items/">Item Explorer</a> <a class="DotaFont" href="http://www.dota2.com/workshop/builds">Builds</a> <a class="DotaFont" href="http://steamcommunity.com/app/570/guides" target="_blank">Steam Guides</a> <a class="DotaFont" href="http://www.dota2.com/quiz">The Shopkeeper\'s Quiz</a> </div> <img class="dn_arrow" src="./Hero - Brewmaster_files/arrow.png"> </span> </div> </div> </div> <script language="javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function PreloadHeaderImages() { // Preload header rollover images //MM_preloadImages( //); } if ( document.addEventListener ) { document.addEventListener( "DOMContentLoaded", PreloadHeaderImages, false ); } else if ( document.attachEvent ) { document.attachEvent( \'onDomContentLoaded\', PreloadHeaderImages ); } </script> <script language="javascript"> function closeSubMenu( target ) { $(target).find(\'.dn_arrow\').attr( "src", "http://cdn.dota2.com/apps/dota2/images/nav/arrow.png" ); $(target).find(\'.menuSubItemList\').hide(); } function closeAllSubMenus() { $(\'.navItem\').each( function() { closeSubMenu( $(this) ); }); } function openSubMenu( target ) { closeAllSubMenus(); $(target).find(\'.dn_arrow\').attr( "src", "http://cdn.dota2.com/apps/dota2/images/nav/arrow_over.png" ); // Show the sub-menu var subItemList = $(target).find(\'.menuSubItemList\'); if ( subItemList.length ) { var itemTop = $(target).position().top + $(target).outerHeight() - 16; var itemLeft = $(target).position().left; subItemList .css({ "top": itemTop + \'px\', "left": itemLeft }) .fadeIn( \'fast\' ); } } $(document).ready( function () { // Deal with the nav bars $(\'.navItem\').each( function() { $(this).hover( function () { $(this) .find(\'a.navBarItem img.top\') .animate({ "opacity": 1 }, 100 ); if ( $(this).find(\'.menuSubItemList\').length !== 0 ) { openSubMenu( this ); } }, function () { $(this) .find(\'a.navBarItem img.top\') .animate({ "opacity": 0 }, 100 ); if ( $(this).find(\'.menuSubItemList\').length !== 0 ) { closeSubMenu(this); } } ); }); // Deal with header drop-downs var strMenus = \'#languageSelector\'; $(strMenus).each( function() { $(this).hover( function () { //show its submenu $( this ).find( \'div\' ).fadeIn( \'fast\' ); }, function () { //hide its submenu $( this ).find( \'div\' ).hide(); } ); }); }); </script> <!-- /header bar --> <div id="bodyContainer"> <div id="centerColOuter_NoCallout"> <div id="centerColTopShadow"><img src="./Hero - Brewmaster_files/centercolbox_top_shadow.png" width="984" height="25"></div> <div id="centerColTop"><img src="./Hero - Brewmaster_files/centercolbox_top.png" width="984" height="9"></div> <div id="centerColContainer"> <div id="centerColContent"> <h1>Brewmaster</h1> <div id="heroTopPortraitContainer"> <img id="heroTopPortraitIMG" src="./Hero - Brewmaster_files/brewmaster_full.png" width="256" height="144"> </div> <p id="heroBioRoles"><span class="bioTextAttack">Melee</span> - Carry - Durable - Initiator - Pusher</p> <div class="centerColHR"></div> <h3>Overview</h3> <div class="redboxOuter"> <div class="redboxContent"> <div class="redboxTop"></div> <div id="overviewInner"> <div id="overviewHeroLeft"> <div id="heroPrimaryPortraitHolder"> <img id="heroPrimaryPortraitImg" src="./Hero - Brewmaster_files/brewmaster_vert.jpg" width="235" height="272"> <img id="heroPrimaryPortraitOverlay" src="./Hero - Brewmaster_files/heroprimaryportrait_overlay.png" width="243" height="280" border="0"> </div> <div id="overviewPrimaryStats"> <img style="top:83px" id="overviewIcon_Primary" src="./Hero - Brewmaster_files/overviewicon_primary.png" width="40" height="40"> <img title="Intelligence" id="overviewIcon_Int" src="./Hero - Brewmaster_files/overviewicon_int.png" width="33" height="33"> <div class="overview_StatVal" id="overview_IntVal">14 + 1.25</div> <img title="Agility" id="overviewIcon_Agi" src="./Hero - Brewmaster_files/overviewicon_agi.png" width="33" height="33"> <div class="overview_StatVal" id="overview_AgiVal">22 + 1.95</div> <img title="Strength" id="overviewIcon_Str" src="./Hero - Brewmaster_files/overviewicon_str.png" width="33" height="33"> <div class="overview_StatVal" id="overview_StrVal">23 + 2.90</div> <img title="Damage" id="overviewIcon_Attack" src="./Hero - Brewmaster_files/overviewicon_attack.png" width="46" height="35"> <div class="overview_StatVal" id="overview_AttackVal">29 - 36</div> <img title="Movespeed" id="overviewIcon_Speed" src="./Hero - Brewmaster_files/overviewicon_speed.png" width="63" height="39"> <div class="overview_StatVal" id="overview_SpeedVal">300</div> <img title="Armor" id="overviewIcon_Defense" src="./Hero - Brewmaster_files/overviewicon_defense.png" width="39" height="37"> <div class="overview_StatVal" id="overview_DefenseVal">2.08</div> </div> </div> <div id="overviewHeroAbilities"> <div class="overviewAbilityRow"> <div class="abilityIconHolder"><img abilityname="brewmaster_thunder_clap" class="overviewAbilityImg abilityIconWithTooltip" src="./Hero - Brewmaster_files/brewmaster_thunder_clap_hp1.png" width="90" height="90"></div> <div class="overviewAbilityRowDescription"> <h2>Thunder Clap</h2> <p>Slams the ground, dealing damage and slowing the movement speed and attack rate of nearby enemy land units.</p> </div> <br clear="left"> </div> <div class="overviewAbilityRow"> <div class="abilityIconHolder"><img abilityname="brewmaster_drunken_haze" class="overviewAbilityImg abilityIconWithTooltip" src="./Hero - Brewmaster_files/brewmaster_drunken_haze_hp1.png" width="90" height="90"></div> <div class="overviewAbilityRowDescription"> <h2>Drunken Haze</h2> <p>Drenches a small area in alcohol, causing their movement speed to be reduced, and causing their attacks to have a chance to miss.</p> </div> <br clear="left"> </div> <div class="overviewAbilityRow"> <div class="abilityIconHolder"><img abilityname="brewmaster_drunken_brawler" class="overviewAbilityImg abilityIconWithTooltip" src="./Hero - Brewmaster_files/brewmaster_drunken_brawler_hp1.png" width="90" height="90"></div> <div class="overviewAbilityRowDescription"> <h2>Drunken Brawler</h2> <p>Gives a chance to avoid attacks and to deal critical damage. Drunken Brawler will always trigger if you have not attacked, or have not been attacked, in the last several seconds. Stacks diminishingly with other sources of Evasion.</p> </div> <br clear="left"> </div> <div class="overviewAbilityRow"> <div class="abilityIconHolder"><img abilityname="brewmaster_primal_split" class="overviewAbilityImg abilityIconWithTooltip" src="./Hero - Brewmaster_files/brewmaster_primal_split_hp1.png" width="90" height="90"></div> <div class="overviewAbilityRowDescription"> <h2>Primal Split</h2> <p>Splits Brewmaster into elements, forming 3 specialized warriors, adept at survival. If any of them survive until the end of their summoned timer, the Brewmaster is reborn. Upgradable by Aghanim\'s Scepter.</p> </div> <br clear="left"> </div> </div> <br clear="left"> </div> <div class="redboxBottom"></div> </div> </div> <h3>Bio</h3> <div class="redboxOuter"> <div class="redboxContent"> <div class="redboxTop"></div> <div id="bioInner"> Deep in the Wailing Mountains, in a valley beneath the Ruined City, the ancient Order of the Oyo has for centuries practiced its rites of holy reverie, communing with the spirit realm in grand festivals of drink. Born to a mother\'s flesh by a Celestial father, the youth known as Mangix was the first to grow up with the talents of both lineages. He trained with the greatest aesthetes of the Order, eventually earning, through diligent drunkenness, the right to challenge for the title of Brewmaster, that appellation most honored among the contemplative malt-brewing sect. <br><br>As much drinking competition as mortal combat, Mangix for nine days drank and fought the elder master. For nine nights they stumbled and whirled, chugged and struck, until at last the elder warrior collapsed into a drunken stupor, and a new Brewmaster was named. Now the new, young Brewmaster calls upon the strength of his Oyo forebears to speed his staff. When using magic, it is to his spirit ancestors that he turns. Like all Brewmasters before him, he was sent out from his people with a single mission. He wanders the land, striving toward enlightenment through drink, searching for the answer to the ancient spiritual schism. Hoping to think the single thought that will unite the spirit and physical planes again. <br clear="both"> </div> <div class="redboxBottom"></div> </div> </div> <h3>Stats</h3> <div class="redboxOuter"> <div class="redboxContent"> <div class="redboxTop"></div> <div id="statsInner"> <div id="statsLeft"> <div class="statRow"> <div class="statRowCol">25</div> <div class="statRowCol">15</div> <div class="statRowCol">1</div> Level </div> <div class="statRowB"> <div class="statRowColW">2,289</div> <div class="statRowColW">1,358</div> <div class="statRowColW">587</div> Hit Points </div> <div class="statRow"> <div class="statRowColW">832</div> <div class="statRowColW">410</div> <div class="statRowColW">182</div> Mana </div> <div class="statRowB"> <div class="statRowColW">142-149</div> <div class="statRowColW">93-100</div> <div class="statRowColW">52-59</div> Damage </div> <div class="statRow"> <div class="statRowColW">11</div> <div class="statRowColW">6</div> <div class="statRowColW">2</div> Armor </div> </div> <div id="statsRight"> <div class="statRow">&nbsp;</div> <div class="statRowB"> <div class="statRowCol2W">1800 / 800</div> Sight Range </div> <div class="statRow"> <div class="statRowCol2W">128</div> Attack Range </div> <div class="statRowB"> <div class="statRowCol2W">900</div> Missile Speed </div> </div> <br clear="both"> </div> <div class="redboxBottom"></div> </div> </div> <h3>Abilities</h3> <div class="redboxOuter"> <div class="redboxContent"> <div class="redboxTop"></div> <div id="abilitiesInner"> <div class="abilitiesInsetBoxTop"></div> <div class="abilitiesInsetBoxInner"> <div class="abilitiesInsetBoxContent"> <div class="abilityHeaderBox"> <div class="abilityIconHolder2"><img abilityname="brewmaster_thunder_clap" class="overviewAbilityImg" src="./Hero - Brewmaster_files/brewmaster_thunder_clap_hp2.png" width="105" height="105"></div> <div class="abilityHeaderRowDescription"> <h2>Thunder Clap</h2> <p>Slams the ground, dealing damage and slowing the movement speed and attack rate of nearby enemy land units.</p> </div> <div class="abilityHeaderRowDescriptionRight"> <div class="cooldownMana"><div class="mana"><img alt="Mana Cost" title="Mana Cost" class="manaImg" src="./Hero - Brewmaster_files/mana.png" width="16" height="16" border="0"> <span class="manaCoolKey">Mana Cost:</span> 90/105/130/150</div><div class="cooldown"><img alt="Cooldown" title="Cooldown" class="cooldownImg" src="./Hero - Brewmaster_files/cooldown.png" width="16" height="16" border="0"> <span class="manaCoolKey">Cooldown:</span> 13</div><br clear="left"></div> </div> <br clear="left"> </div> <div class="abilityFooterBox"> <div class="abilityFooterBoxLeft"> ABILITY: <span class="attribVal">No Target</span><br>DAMAGE TYPE: <span class="attribVal">Magical</span><br>PIERCES SPELL IMMUNITY: <span class="attribVal">No</span><br> </div> <div class="abilityFooterBoxRight">RADIUS: <span class="attribVal">400 / 400 / 400 / 400</span><br> DAMAGE: <span class="attribVal">100 / 175 / 250 / 300</span><br> MOVEMENT SLOW: <span class="attribVal">25% / 35% / 45% / 55%</span><br> ATTACK SLOW: <span class="attribVal">25 / 35 / 45 / 55</span><br> HERO DURATION: <span class="attribVal">4</span><br> CREEP DURATION: <span class="attribVal">8 / 8 / 8 / 8</span></div> <br clear="left"> </div> <div class="abilityVideoContainer"> <iframe title="YouTube video player" width="868" height="491" src="./Hero - Brewmaster_files/iff_66q_-WI.html" frameborder="0" allowfullscreen=""></iframe> </div> <div class="abilityLore">A slam of Mangix\' mighty keg starts the festivities.</div> </div> </div> <div class="abilitiesInsetBoxBottom"></div> <div class="abilitiesInsetBoxTop"></div> <div class="abilitiesInsetBoxInner"> <div class="abilitiesInsetBoxContent"> <div class="abilityHeaderBox"> <div class="abilityIconHolder2"><img abilityname="brewmaster_drunken_haze" class="overviewAbilityImg" src="./Hero - Brewmaster_files/brewmaster_drunken_haze_hp2.png" width="105" height="105"></div> <div class="abilityHeaderRowDescription"> <h2>Drunken Haze</h2> <p>Drenches a small area in alcohol, causing their movement speed to be reduced, and causing their attacks to have a chance to miss.</p> </div> <div class="abilityHeaderRowDescriptionRight"> <div class="cooldownMana"><div class="mana"><img alt="Mana Cost" title="Mana Cost" class="manaImg" src="./Hero - Brewmaster_files/mana.png" width="16" height="16" border="0"> <span class="manaCoolKey">Mana Cost:</span> 50</div><div class="cooldown"><img alt="Cooldown" title="Cooldown" class="cooldownImg" src="./Hero - Brewmaster_files/cooldown.png" width="16" height="16" border="0"> <span class="manaCoolKey">Cooldown:</span> 8</div><br clear="left"></div> </div> <br clear="left"> </div> <div class="abilityFooterBox"> <div class="abilityFooterBoxLeft"> ABILITY: <span class="attribVal">Unit Target</span><br>AFFECTS: <span class="attribVal">Enemy Units</span><br>PIERCES SPELL IMMUNITY: <span class="attribVal">No</span><br> </div> <div class="abilityFooterBoxRight">RADIUS: <span class="attribVal">200</span><br> HERO DURATION: <span class="attribVal">8 / 8 / 8 / 8</span><br> CREEP DURATION: <span class="attribVal">12 / 12 / 12 / 12</span><br> MOVEMENT SLOW: <span class="attribVal">14% / 18% / 22% / 26%</span><br> MISS CHANCE: <span class="attribVal">45% / 55% / 65% / 75%</span></div> <br clear="left"> </div> <div class="abilityVideoContainer"> <iframe title="YouTube video player" width="868" height="491" src="./Hero - Brewmaster_files/o5T4GnOGj5o.html" frameborder="0" allowfullscreen=""></iframe> </div> <div class="abilityLore">The Order of the Oyo\'s solution to all problems - another round!</div> </div> </div> <div class="abilitiesInsetBoxBottom"></div> <div class="abilitiesInsetBoxTop"></div> <div class="abilitiesInsetBoxInner"> <div class="abilitiesInsetBoxContent"> <div class="abilityHeaderBox"> <div class="abilityIconHolder2"><img abilityname="brewmaster_drunken_brawler" class="overviewAbilityImg" src="./Hero - Brewmaster_files/brewmaster_drunken_brawler_hp2.png" width="105" height="105"></div> <div class="abilityHeaderRowDescription"> <h2>Drunken Brawler</h2> <p>Gives a chance to avoid attacks and to deal critical damage. Drunken Brawler will always trigger if you have not attacked, or have not been attacked, in the last several seconds. Stacks diminishingly with other sources of Evasion.</p> </div> <div class="abilityHeaderRowDescriptionRight"> </div> <br clear="left"> </div> <div class="abilityFooterBox"> <div class="abilityFooterBoxLeft"> ABILITY: <span class="attribVal">Passive</span><br> </div> <div class="abilityFooterBoxRight">DODGE CHANCE: <span class="attribVal">10% / 15% / 20% / 25%</span><br> CRIT CHANCE: <span class="attribVal">10% / 15% / 20% / 25%</span><br> CRIT DAMAGE: <span class="attribVal">200%</span><br> CERTAIN TRIGGER TIMER: <span class="attribVal">16 / 14 / 12 / 10</span></div> <br clear="left"> </div> <div class="abilityVideoContainer"> <iframe title="YouTube video player" width="868" height="491" src="./Hero - Brewmaster_files/mYA6AFcxVhk.html" frameborder="0" allowfullscreen=""></iframe> </div> <div class="abilityLore">When Mangix won his title as the Brewmaster of the Order of Oyo, he also claimed his place in the mastery of inebriation.</div> </div> </div> <div class="abilitiesInsetBoxBottom"></div> <div class="abilitiesInsetBoxTop"></div> <div class="abilitiesInsetBoxInner"> <div class="abilitiesInsetBoxContent"> <div class="abilityHeaderBox"> <div class="abilityIconHolder2"><img abilityname="brewmaster_primal_split" class="overviewAbilityImg" src="./Hero - Brewmaster_files/brewmaster_primal_split_hp2.png" width="105" height="105"></div> <div class="abilityHeaderRowDescription"> <h2>Primal Split</h2> <p>Splits Brewmaster into elements, forming 3 specialized warriors, adept at survival. If any of them survive until the end of their summoned timer, the Brewmaster is reborn. Upgradable by Aghanim\'s Scepter.</p> </div> <div class="abilityHeaderRowDescriptionRight"> <div class="cooldownMana"><div class="mana"><img alt="Mana Cost" title="Mana Cost" class="manaImg" src="./Hero - Brewmaster_files/mana.png" width="16" height="16" border="0"> <span class="manaCoolKey">Mana Cost:</span> 125/150/175</div><div class="cooldown"><img alt="Cooldown" title="Cooldown" class="cooldownImg" src="./Hero - Brewmaster_files/cooldown.png" width="16" height="16" border="0"> <span class="manaCoolKey">Cooldown:</span> 140/120/100</div><br clear="left"></div> </div> <br clear="left"> </div> <div class="abilityFooterBox"> <div class="abilityFooterBoxLeft"> ABILITY: <span class="attribVal">No Target</span><br> </div> <div class="abilityFooterBoxRight">DURATION: <span class="attribVal">15 / 17 / 19</span></div> <br clear="left"> </div> <div class="abilityVideoContainer"> <iframe title="YouTube video player" width="868" height="491" src="./Hero - Brewmaster_files/uLqYQIf9OuE.html" frameborder="0" allowfullscreen=""></iframe> </div> <div class="abilityLore">It isn\'t clear whether Mangix is consciously aware of his potent bond with nature, as it often occurs in the midst of a drunken stupor.</div> </div> </div> <div class="abilitiesInsetBoxBottom"></div> </div> <div class="redboxBottom"></div> </div> </div> </div> </div> <div id="centerColBottom"><img src="./Hero - Brewmaster_files/centercolbox_bottom.png" width="984" height="9"></div> <div id="centerColBottomShadow"><img src="./Hero - Brewmaster_files/centercolbox_bottom_shadow.png" width="984" height="25"></div> </div> </div> </center> </body></html>'; preg_match_all($re, $str, $matches, PREG_SET_ORDER, 0); // Print the entire match result var_dump($matches);

Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for PHP, please visit: http://php.net/manual/en/ref.pcre.php