Toy Browser Project for Understanding Browser Engines. I implement a simple version of the browser in this project.
Currently, there are only two Nodes of Dom, Element and Text.
The HTML parser in this project is very strict.
-
No unnecessary spaces are allowed. ex)
<html > <!--(x)--> <html> <!--(o)-->
<div id ="div1"> <!--(x)--> <div id="div"> <!--(o)-->
-
Element omission is not allowed.
-
It does not allow omission of closed tags.
Tokenizes elements in HTML like the following (character is not tokenized yet).
<html><head></head><body><div id="div1"></div><div id="div2"></div></body></html>
- Implementing character tokenization.
- Logic to create each token as an Element or Text object according to the type of token.
- Implementation of HTMLTreeBuilder that creates a DOM tree based on the object created in step 2.
- Implement a simple version of the css parser.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent