# F# Data: HTML Parser

This article demonstrates how to use the HTML Parser to parse HTML files.

The HTML parser takes any fragment of HTML, uri or a stream and trys to parse it into a DOM. The parser is based on the HTML Living Standard Once a document/fragment has been parsed, a set of extension methods over the HTML DOM elements allow you to extract information from a web page independently of the actual HTML Type provider.

 1: 2:  #r "../../../bin/FSharp.Data.dll" open FSharp.Data 

The following example uses Google to search for FSharp.Data then parses the first set of search results from the page, extracting the URL and Title of the link.

To achieve this we must first parse the webpage into our DOM. We can do this using the HtmlDocument.Load method. This method will take a URL and make a synchronous web call to extract the data from the page. Note: an asynchronous variant HtmlDocument.AsyncLoad is also available

 1:  let results = HtmlDocument.Load("http://www.google.co.uk/search?q=FSharp.Data") 

Now that we have a loaded HTML document we can begin to extract data from it. Firstly we want to extract all of the anchor tags a out of the document, then inspect the links to see if it has a href attribute. If it does, extract the value, which in this case is the url that the search result is pointing to, and additionally the InnerText of the anchor tag to provide the name of the web page for the search result we are looking at.

 1: 2: 3: 4: 5: 6:  let links = results.Descendants ["a"] |> Seq.choose (fun x -> x.TryGetAttribute("href") |> Option.map (fun a -> x.InnerText(), a.Value()) ) 

Now that we have extracted our search results you will notice that there are lots of other links to various Google services and cached/similar results. Ideally we would like to filter these results as we are probably not interested in them. At this point we simply have a sequence of Tuples, so F# makes this trivial using Seq.filter and Seq.map.

 1: 2: 3: 4: 5: 6:  let searchResults = links |> Seq.filter (fun (name, url) -> name <> "Cached" && name <> "Similar" && url.StartsWith("/url?")) |> Seq.map (fun (name, url) -> name, url.Substring(0, url.IndexOf("&sa=")).Replace("/url?q=", "")) |> Seq.toArray 

Putting this all together yields the following:

 [|("F# Data: Library for Data Access", "http://fsharp.github.io/FSharp.Data/"); ("CSV Type Provider", "http://fsharp.github.io/FSharp.Data/library/CsvProvider.html"); ("Sending request data", "http://fsharp.github.io/FSharp.Data/library/Http.html"); ("JSON Type Provider", "http://fsharp.github.io/FSharp.Data/library/JsonProvider.html"); ("HTML Parser", "http://fsharp.github.io/FSharp.Data/library/HtmlParser.html"); ("HTML Type Provider", "http://fsharp.github.io/FSharp.Data/library/HtmlProvider.html"); ("CSV Parser", "http://fsharp.github.io/FSharp.Data/library/CsvFile.html"); ("GitHub - fsharp/FSharp.Data: F# Data: Library for Data Access", "https://github.com/fsharp/FSharp.Data"); ("NuGet Gallery | FSharp.Data 2.4.1", "https://www.nuget.org/packages/FSharp.Data/"); ("F# Data: New type provider library - Tomas Petricek", "http://tomasp.net/blog/fsharp-data.aspx/"); ("Microsoft.FSharp.Data Namespace (F#) - MSDN", "https://msdn.microsoft.com/en-us/visualfsharpdocs/conceptual/microsoft.fsharp.data-namespace-%255Bfsharp%255D"); ("Guide - Data Access | The F# Software Foundation", "http://fsharp.org/guides/data-access/"); ("FsLab - Data science and machine learning with F#", "https://fslab.org/")|]