Откуда лишний HTML-элемент?
Откройте консоль разработчика и посмотрите, что на самом деле представляет из себя ваш "пустой" документ с точки зрения браузера.
Знак * означает любой элемент на странице. Часто используется в регулярных выражениях когда необходимо применить какое то действие или условие для всех элементов. Основные теги html и body часто создаются браузерами автоматически если содержимое вывода страницы для них определено как html