Why it's not possible to use regex to parse HTML/XML: a formal explanation in layman's terms
Asked Answered
F

10

145

There is no day on SO that passes without a question about parsing (X)HTML or XML with regular expressions being asked.

While it's relatively easy to come up with examples that demonstrates the non-viability of regexes for this task or with a collection of expressions to represent the concept, I could still not find on SO a formal explanation of why this is not possible done in layman's terms.

The only formal explanations I could find so far on this site are probably extremely accurate, but also quite cryptic to the self-taught programmer:

the flaw here is that HTML is a Chomsky Type 2 grammar (context free grammar) and RegEx is a Chomsky Type 3 grammar (regular expression)

or:

Regular expressions can only match regular languages but HTML is a context-free language.

or:

A finite automaton (which is the data structure underlying a regular expression) does not have memory apart from the state it's in, and if you have arbitrarily deep nesting, you need an arbitrarily large automaton, which collides with the notion of a finite automaton.

or:

The Pumping lemma for regular languages is the reason why you can't do that.

[The majority of the above explanation link to wikipedia pages, but these are not much easier to understand than the answers themselves].

What is a translation in layman's terms of the formal explanations given above of why it is not possible to use regex for parsing (X)HTML/XML?

I am looking for a translation that also briefly explains the concepts it tries to translate: at the end of an answer, the reader should have a rough idea --for example--of what "regular language" and "context-free grammar" mean.

Forayer answered 19/7, 2011 at 17:6 Comment(10)
Be aware of the fact that in computer science terms, "regular expressions" differ greatly from modern day "regex implementations" (the tools/api's you use in a programming language). The latter can "remember" things they have encountered and can even match recursively defined (sub) patterns, making them match/parse/recognize much more than the theoretical "regular expressions".Arrogant
@Bart: This really only applies to languages that abuse the term "regular expression. POSIX ERE is purely regular.Pulido
@R.., so, you call POSIX a "modern day implementation" :P. In all seriousness though: yes, you're right those truly are regular. I should have said "... many of the modern day regex implementations ..." or "... PCRE regex implementations ...".Arrogant
I have a hard time taking seriously programming languages that fundamentally misuse rigorous language for the sake of marketing themselves to ignorant programmers...Pulido
@R.., it's unfortunate that PCRE-implementations are referred to as "regular expressions", but not taking the language serious is taking it one step too far, IMO. I mean, are you not taking Perl, Java, Python, Ruby, JavaScript, .NET, etc. not serious because of this?Arrogant
As @Bart Kiers correctly eludes to; the premise of this question is false: It is possible to use "regex" to parse HTML/XML! - (its just not recommendable to do so in most cases). Tom Christiansen (@tchrist - one of the authors of the classic: Programming Perl book), explains this most eloquently in a collection of his detailed posts here at SO - start reading here: Can extended regex implementations parse HTML?. Modern regex engines ARE NOT REGULAR!Constellation
I know this is a really old question, but it's worth noting here as a PSA that HTML (and XML) is not even context-free: it's context-sensitive because the validity of closing tags depend on part of the parsed value of the opening tags themselves.Unheard
This Why it's not possible to use regex to parse HTML/XML: a formal explanation in layman's terms is not a duplicate of this question #59205300. This is not a real question, it is a opinion based treatise that should not be used to hide regex tag parsing of html/XML or any SGML. If that is true, then over 100,000 SO questions need to be hidden as well ! Peoples questions shouldn't be stopped from answers just to support accademia theory, SO isn't a place for this. Regex is not a vilin hereGarton
@Garton Your estimate seems a bit on the high side; but yes, there are many, many questions on Stack Overflow which should be closed or even deleted by today's guidelines. Some of them remain simply because there's no harm, as long as people don't believe that those questions are good models for how to post a new question. Others should indeed be killed with fire, but it's a slow and arduous process to find them all, and there might not be enough visitors who are serious about accepting the mandate for regular users to help moderate the site.Bittencourt
The second link is the famous regular expression answer on Stack Overflow (parsing HTML).Cadet
E
144

Concentrate on this one:

A finite automaton (which is the data structure underlying a regular expression) does not have memory apart from the state it's in, and if you have arbitrarily deep nesting, you need an arbitrarily large automaton, which collides with the notion of a finite automaton.

The definition of regular expressions is equivalent to the fact that a test of whether a string matches the pattern can be performed by a finite automaton (one different automaton for each pattern). A finite automaton has no memory - no stack, no heap, no infinite tape to scribble on. All it has is a finite number of internal states, each of which can read a unit of input from the string being tested, and use that to decide which state to move to next. As special cases, it has two termination states: "yes, that matched", and "no, that didn't match".

HTML, on the other hand, has structures that can nest arbitrarily deep. To determine whether a file is valid HTML or not, you need to check that all the closing tags match a previous opening tag. To understand it, you need to know which element is being closed. Without any means to "remember" what opening tags you've seen, no chance.

Note however that most "regex" libraries actually permit more than just the strict definition of regular expressions. If they can match back-references, then they've gone beyond a regular language. So the reason why you shouldn't use a regex library on HTML is a little more complex than the simple fact that HTML is not regular.

Electrophone answered 19/7, 2011 at 17:24 Comment(1)
There's also a rather good explanation of finite state automata here: youtube.com/watch?v=vhiiia1_hC4Gates
P
68

The fact that HTML doesn't represent a regular language is a red herring. Regular expression and regular languages sound sort of similar, but are not - they do share the same origin, but there's a notable distance between the academic "regular languages" and the current matching power of engines. In fact, almost all modern regular expression engines support non-regular features - a simple example is (.*)\1. which uses backreferencing to match a repeated sequence of characters - for example 123123, or bonbon. Matching of recursive/balanced structures make these even more fun.

Wikipedia puts this nicely, in a quote by Larry Wall:

'Regular expressions' [...] are only marginally related to real regular expressions. Nevertheless, the term has grown with the capabilities of our pattern matching engines, so I'm not going to try to fight linguistic necessity here. I will, however, generally call them "regexes" (or "regexen", when I'm in an Anglo-Saxon mood).

"Regular expression can only match regular languages", as you can see, is nothing more than a commonly stated fallacy.

So, why not then?

A good reason not to match HTML with regular expression is that "just because you can doesn't mean you should". While may be possible - there are simply better tools for the job. Considering:

  • Valid HTML is harder/more complex than you may think.

  • There are many types of "valid" HTML - what is valid in HTML, for example, isn't valid in XHTML.

  • Much of the free-form HTML found on the internet is not valid anyway. HTML libraries do a good job of dealing with these as well, and were tested for many of these common cases.

  • Very often it is impossible to match a part of the data without parsing it as a whole. For example, you might be looking for all titles, and end up matching inside a comment or a string literal. <h1>.*?</h1> may be a bold attempt at finding the main title, but it might find:

      <!-- <h1>not the title!</h1> -->
    

    Or even:

      <script>
      var s = "Certainly <h1>not the title!</h1>";
      </script>
    

Last point is the most important:

  • Using a dedicated HTML parser is better than any regex you can come up with. Very often, XPath allows a better expressive way of finding the data you need, and using an HTML parser is much easier than most people realize.

A good summary of the subject, and an important comment on when mixing Regex and HTML may be appropriate, can be found in Jeff Atwood's blog: Parsing Html The Cthulhu Way.

When is it better to use a regular expression to parse HTML?

In most cases, it is better to use XPath on the DOM structure a library can give you. Still, against popular opinion, there are a few cases when I would strongly recommend using a regex and not a parser library:

Given a few of these conditions:

  • When you need a one-time update of your HTML files, and you know the structure is consistent.
  • When you have a very small snippet of HTML.
  • When you aren't dealing with an HTML file, but a similar templating engine (it can be very hard to find a parser in that case).
  • When you want to change parts of the HTML, but not all of it - a parser, to my knowledge, cannot answer this request: it will parse the whole document, and save a whole document, changing parts you never wanted to change.
Puentes answered 19/7, 2011 at 18:51 Comment(3)
This is a very clear and nicely written piece on when (not to) use regex for parsing HTML, but it's hardly an answer to my question. May I suggest that you move it to this question instead? I think it would get you more reputation there but - above all - I think that would be a place where future visitors would find it more relevant (there is a comment by @Bart Kiers to my question that reminds visitors of the "extra power" of modern regex engines).Forayer
@Forayer - Thanks a lot. Actually, I did give it some thought. I know I didn't answer your question, but I don't think the question is basically correct - you ask to explain the wrong reason... You have a good idea though, maybe the other question is more suitable...Puentes
The www.codinghorror.com link seems to be broken (times out).Cadet
S
22

Because HTML can have unlimited nesting of <tags><inside><tags and="<things><that><look></like></tags>"></inside></each></other> and regex can't really cope with that because it can't track a history of what it's descended into and come out of.

A simple construct that illustrates the difficulty:

<body><div id="foo">Hi there!  <div id="bar">Bye!</div></div></body>

99.9% of generalized regex-based extraction routines will be unable to correctly give me everything inside the div with the ID foo, because they can't tell the closing tag for that div from the closing tag for the bar div. That is because they have no way of saying "okay, I've now descended into the second of two divs, so the next div close I see brings me back out one, and the one after that is the close tag for the first". Programmers typically respond by devising special-case regexes for the specific situation, which then break as soon as more tags are introduced inside foo and have to be unsnarled at tremendous cost in time and frustration. This is why people get mad about the whole thing.

Supermarket answered 19/7, 2011 at 17:9 Comment(5)
Appreciate the answer, but my question is not "why I can't use regex...". My question is about "translating" the formal explanations I provided! :)Forayer
This is a translation of all of them in some sense, most proximately "Regular expressions can only match regular languages but HTML is a context-free language" and the one about finite automata. It's really all the same reason.Supermarket
Sorry, maybe I haven't been clear in my question (suggestions for improving it are welcome!). But I looking for an answer that also explains the "translation". Your answer doesn't clarify either the 'regular language' nor 'context-free language' concepts...Forayer
Explaining those terms would be just as technical as the jargon itself, and a distraction from the actual meaning that all the precision language is getting at, that being what I posted.Supermarket
<(\w+)(?:\s+\w+="[^"]*")*>(?R)*</\1>|[\w\s!']+ matches your code sample.Puentes
A
11

A regular language is a language that can be matched by a finite-state machine.

(Understanding finite-state machines, push-down machines, and Turing machines is basically the curriculum of a fourth year college computer science course.)

Consider the following machine, which recognizes the string "hi".

(Start) --Read h-->(A)--Read i-->(Succeed)
  \                  \
   \                  -- read any other value-->(Fail)
    -- read any other value-->(Fail)

This is a simple machine to recognize a regular language; each expression in parenthesis is a state, and each arrow is a transition. Building a machine like this will allow you to test any input string against a regular language—hence, a regular expression.

HTML requires you to know more than just what state you are in—it requires a history of what you have seen before, to match tag nesting. You can accomplish this if you add a stack to the machine, but then it is no longer "regular". This is called a push-down machine, and recognizes a grammar.

August answered 19/7, 2011 at 17:31 Comment(2)
"Understanding Finite State machines, Push-down machines, and Turing machines is basically the curriculum of a 300-level CS Course." I understand this is an attempt to state how difficult/advance the topic is, but I am unfamiliar with the school system you are referring to, could you please clarify in a non country-specific way? Thank you! :)Forayer
I've updated it. I don't know that it's too difficult to understand, just to explain in a stack overflow post.August
H
9

A regular expression is a machine with a finite (and typically rather small) number of discrete states.

To parse XML, C, or any other language with arbitrary nesting of language elements, you need to remember how deep you are. That is, you must be able to count braces/brackets/tags.

You cannot count with finite memory. There may be more brace levels than you have states! You might be able to parse a subset of your language that restricts the number of nesting levels, but it would be very tedious.

Higherup answered 19/7, 2011 at 17:21 Comment(1)
This answer is really the right answer in layman's terms, like the question asked for. State machines can't count to any number they don't know in advance. If you want to match </div> tags, you need to first count up how many <div> tags came before them, and state machines simply can't do that. You can make state machines that can count to a specific known number of tags, like exactly 3 or 4 or 57, but you can't make state machines that can count up an unknown N of them.Kebab
N
8

A grammar is a formal definition of where words can go. For example, adjectives precede nouns in English grammar, but follow nouns en la gramática española. Context-free means that the grammar works universally in all contexts. Context-sensitive means there are additional rules in certain contexts.

In C#, for example, using means something different in using System; at the top of files, than using (var sw = new StringWriter (...)). A more relevant example is the following code within code:

void Start ()
{
    string myCode = @"
    void Start()
    {
        Console.WriteLine (""x"");
    }
    ";
}
Nacreous answered 19/7, 2011 at 17:23 Comment(2)
But context-free does not mean regular. The language of matched paranthesis is context-free, but not regular.Toombs
What should be added is that regular expressions (unless you add such extensions as are present in Perl) are equivalent to regular grammars, which means they cannot described arbitrarily deeply nested structures such as arbitrarily deeply balanced parentheses or HTML element opening and closing tags.Heid
D
7

There's another practical reason for not using regular expressions to parse XML and HTML that has nothing to do with the computer science theory at all: your regular expression will either be hideously complicated, or it will be wrong.

For example, it's all very well writing a regular expression to match

<price>10.65</price>

But if your code is to be correct, then:

  • It must allow whitespace after the element name in both start and end tag

  • If the document is in a namespace, then it should allow any namespace prefix to be used

  • It should probably allow and ignore any unknown attributes appearing in the start tag (depending on the semantics of the particular vocabulary)

  • It may need to allow whitespace before and after the decimal value (again, depending on the detailed rules of the particular XML vocabulary).

  • It should not match something that looks like an element, but is actually in a comment or CDATA section (this becomes especially important if there is a possibility of malicious data trying to fool your parser).

  • It may need to provide diagnostics if the input is invalid.

Of course some of this depends on the quality standards you are applying. We see a lot of problems on Stack Overflow with people having to generate XML in a particular way (for example, with no whitespace in the tags) because it is being read by an application that requires it to be written in a particular way. If your code has any kind of longevity then it's important that it should be able to process incoming XML written in any way that the XML standard permits, and not just the one sample input document that you are testing your code on.

Diskin answered 13/6, 2018 at 7:56 Comment(0)
S
4

So others have gone and given brief definitions for most of these things, but I don't really think they cover why normal regex's are what they are.

There are some great resources on what a finite-state machine is, but in short, a seminal paper in computer science proved that the basic grammar of regex's (the standard ones, used by grep, not the extended ones, like PCRE) can always be manipulated into a finite-state machine, meaning a 'machine' where you are always in a box, and have a limited number of ways to move to the next box. In short, you can always tell what the next 'thing' you need to do is just by looking at the current character. (And yes, even when it comes to things like 'match at least 4, but no more than 5 times', you can still create a machine like this) (I should note that the machine I describe here is technically only a subtype of finite-state machines, but it can implement any other subtype, so...)

This is great because you can always very efficiently evaluate such a machine, even for large inputs. Studying these sorts of questions (how does my algorithm behave when the number of things I feed it gets big) is called studying the computational complexity of the technique. If you're familiar with how a lot of calculus deals with how functions behave as they approach infinity, well, that's pretty much it.

So what’s so great about a standard regular expression? Well, any given regex can match a string of length N in no more than O(N) time (meaning that doubling the length of your input doubles the time it takes: it says nothing about the speed for a given input) (of course, some are faster: the regex * could match in O(1), meaning constant, time). The reason is simple: remember, because the system has only a few paths from each state, you never 'go back', and you only need to check each character once. That means even if I pass you a 100 gigabyte file, you'll still be able to crunch through it pretty quickly: which is great!

Now, it’s pretty clear why you can't use such a machine to parse arbitrary XML: you can have infinite tags-in-tags, and to parse correctly you need an infinite number of states. But, if you allow recursive replaces, a PCRE is Turing complete: so it could totally parse HTML! Even if you don't, a PCRE can parse any context-free grammar, including XML. So the answer is "yeah, you can". Now, it might take exponential time (you can't use our neat finite-state machine, so you need to use a big fancy parser that can rewind, which means that a crafted expression will take centuries on a big file), but still. Possible.

But let’s talk real quick about why that's an awful idea. First of all, while you'll see a ton of people saying "omg, regex's are so powerful", the reality is... they aren't. What they are is simple. The language is dead simple: you only need to know a few metacharacters and their meanings, and you can understand (eventually) anything written in it. However, the issue is that those metacharacters are all you have. See, they can do a lot, but they're meant to express fairly simple things concisely, not to try and describe a complicated process.

And XML sure is complicated. It's pretty easy to find examples in some of the other answers: you can't match stuff inside comment fields, etc. Representing all of that in a programming language takes work: and that's with the benefits of variables and functions! PCRE's, for all their features, can't come close to that. Any hand-made implementation will be buggy: scanning blobs of meta-characters to check matching parenthesis is hard, and it's not like you can comment your code. It'd be easier to define a meta-language, and compile that down to a regex: and at that point, you might as well just take the language you wrote your meta-compiler with and write an XML parser. It'd be easier for you, faster to run, and just better overall.

For more neat information on this, check out this site. It does a great job of explaining all this stuff in layman's terms.

Sequential answered 15/12, 2020 at 4:20 Comment(0)
G
3

Don't parse XML/HTML with regex. Use a proper XML/HTML parser and a powerful XPath query.

Theory:

According to the compiling theory, XML/HTML can't be parsed using regex based on finite-state machine. Due to hierarchical construction of XML/HTML you need to use a pushdown automaton and manipulate LALR grammar using tool like YACC.

Real-life©®™ everyday tool in a shell:

You can use one of the following:

xmllint, often installed by default with libxml2, xpath1 (check my wrapper to have newlines delimited output

xmlstarlet can edit, select, transform, etc. It is not installed by default, xpath1

xpath, installed via Perl's module XML::XPath, xpath1

xidel xpath3

saxon-lint, my own project, wrapper over @Michael Kay's Saxon-HE Java library, xpath3

Or you can use high level languages and proper libraries, I think of:

Python's lxml (from lxml import etree)

Perl's XML::LibXML, XML::XPath, XML::Twig::XPath, and HTML::TreeBuilder::XPath

Ruby . Check this example

PHP DOMXpath. Check this example


Check: Using regular expressions with HTML tags

Glut answered 3/4, 2019 at 17:57 Comment(0)
C
2

In a purely theoretical sense, it is impossible for regular expressions to parse XML. They are defined in a way that allows them no memory of any previous state, thus preventing the correct matching of an arbitrary tag, and they cannot penetrate to an arbitrary depth of nesting, since the nesting would need to be built into the regular expression.

Modern regex parsers, however, are built for their utility to the developer, rather than their adherence to a precise definition. As such, we have things like back-references and recursion that make use of knowledge of previous states. Using these, it is remarkably simple to create a regex that can explore, validate, or parse XML.

Consider for example,

(?:
    <!\-\-[\S\s]*?\-\->
    |
    <([\w\-\.]+)[^>]*?
    (?:
        \/>
        |
        >
        (?:
            [^<]
            |
            (?R)
        )*
        <\/\1>
    )
)

This will find the next properly formed XML tag or comment, and it will only find it if it's entire contents are properly formed. (This expression has been tested using Notepad++, which uses Boost C++'s regex library, which closely approximates PCRE.)

Here's how it works:

  1. The first chunk matches a comment. It's necessary for this to come first so that it will deal with any commented-out code that otherwise might cause hang ups.
  2. If that doesn't match, it will look for the beginning of a tag. Note that it uses parentheses to capture the name.
  3. This tag will either end in a />, thus completing the tag, or it will end with a >, in which case it will continue by examining the tag's contents.
  4. It will continue parsing until it reaches a <, at which point it will recurse back to the beginning of the expression, allowing it to deal with either a comment or a new tag.
  5. It will continue through the loop until it arrives at either the end of the text or at a < that it cannot parse. Failing to match will, of course, cause it to start the process over. Otherwise, the < is presumably the beginning of the closing tag for this iteration. Using the back-reference inside a closing tag <\/\1>, it will match the opening tag for the current iteration (depth). There's only one capturing group, so this match is a simple matter. This makes it independent of the names of the tags used, although you could modify the capturing group to capture only specific tags, if you need to.
  6. At this point it will either kick out of the current recursion, up to the next level or end with a match.

This example solves problems dealing with whitespace or identifying relevant content through the use of character groups that merely negate < or >, or in the case of the comments, by using [\S\s], which will match anything, including carriage returns and new lines, even in single-line mode, continuing until it reaches a -->. Hence, it simply treats everything as valid until it reaches something meaningful.

For most purposes, a regex like this isn't particularly useful. It will validate that XML is properly formed, but that's all it will really do, and it doesn't account for properties (although this would be an easy addition). It's only this simple because it leaves out real world issues like this, as well as definitions of tag names. Fitting it for real use would make it much more of a beast. In general, a true XML parser would be far superior. This one is probably best suited for teaching how recursion works.

Long story short: use an XML parser for real work, and use this if you want to play around with regexes.

Clubhouse answered 20/6, 2018 at 0:31 Comment(2)
The statement that this regex will only match if the input is well-formed is incorrect. It doesn't check that the names are valid XML names, it doesn't check attributes, it doesn't check entity and character references, it doesn't handle CDATA or processing instructions. When you say it has been tested, I very much doubt that it has been tested on anything resembling the XML conformance test suite. That's the problem with all attempts to process XML with regexes that I've ever seen: they work with a small number of inputs, but not with any XML that can legally be passed to your application.Diskin
Also, there are well-formed inputs that the regex doesn't match. For example, it doesn't allow whitespace after the name in the end tag. Most of these glitches are easily fixed, but once you fix ALL the glitches you end up with something totally unusable. And of course the real gotcha is that you don't just want a parser to give you a yes/no answer, you want it to pass information to an application that does something useful with it.Diskin

© 2022 - 2024 — McMap. All rights reserved.