How to remove .html from the end of the address of each web page of the site?

Question

Layout

I tried to remove .html using the .htaccess file, but due to some commands, the site either stopped working or simply removed index.html, and left shop.html and other pages ...

Answer 1

site.com -> home
site.com/about -> home/about/index.html
and so on

Answer 2

Place on the page:

<script> history.replaceState('', '', location.pathname.replace(/\.html$/i, '')); </script>

This will remove the .html at the end, BUT if you try to refresh the page afterwards, it will fail.

Answer 3

You make a folder in the main directory for each page like main -> second_page -> index.html and to go to the second page you enter an address like url.com/second_page

Answer 4

Religion does not allow you to use the service search?
https://qna.habr.com/q/78158
PS
In addition, there is nothing harmful for SEO or ugly in ".html" :)