HTML
To to wszystko co dostajemy bezpośrednio z serwera. Aby podejrzeć w przeglądarce Chrome tak zwane źródła, należy użyć skrótu Ctrl + U . Przykładowy rezultat (wycinek):
DOM
Jest to skrót od Document Object Model i jest to zbudowana przez przeglądarkę struktura strony na podstawie zawartości HTML. Aby w przeglądarce Chrome zobaczyć zbudowany DOM należy użyć skrótu Ctrl + Shift + C. Przykładowy rezultat to (wycinek):
DOM to nie zawsze to samo co HTML
Wiele frameworków (takich jak na przykład Angular) pracuje na innej reprezentacji HTML niż DOM. Przykładowo w Angular w kodzie HTML będziemy mieli:
<h4>{{name}}</h4>Co następnie w DOM może przyjąć przykładowo postać:
<h4>John</h4>