Yogesh Chauhan's Blog

How to control file extensions with an .htaccess file?

in Miscellaneous on March 14, 2021

You must have many websites showing index.html file name when you load any page from their website. How can they have all pages names as index.html or just *.html? Do they manually write down the HTML code? Definitely not. All they do is change the original file extension with .html or any other extension to hide the original extension of the file.

One way to do is using .htaccess file for Apache or web servers.

Where is the .htaccess file located?

The .htaccess file should be located in your site’s root directory.

If you’re using FTP or SFTP to load the files from your website to your local machine then sometimes you might not see the .htaccess file as it might be hidden. You need to change your hosting settings to make it visible.

If you don’t have .htaccess file on your web server, you can always create one. Just create a blank text file and save it as .htaccess.

Here’s how to change the file extension

Just add the following code to your .htaccess file and change the extension to your desired extension.

The following code will change the file extension from a .php to .html.


Options +FollowSymlinks
RewriteEngine On
RewriteBase /
RewriteRule ^(.+)\.html$ /$1.php [NC,L]

When you change the file extension, you can access the file using both of those extensions. For e.g. you can access the file using .html and .php after adding the code above in your .htaccess file.

Here’s how to remove the extensions completely.


Most Read

#1 How to check if radio button is checked or not using JavaScript? #2 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #3 How to add Read More Read Less Button using JavaScript? #4 How to uninstall Cocoapods from the Mac OS? #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to Use SQL MAX() Function with Dates?

Recently Posted

#Aug 15 Is PHP still good for back-end programming? #Aug 10 How to create a multisite network in WordPress? #Aug 3 How to create a circle that follows a cursor using JavaScript and CSS? #Aug 3 How to make a curtain slider using jQuery and CSS? #Aug 2 How to progressively load images and add a blurry placeholder? #Aug 1 How to create a placeholder loader (throbber) using CSS?
You might also like these
Create a responsive pricing table using simple HTML and CSSCSSList of all Pseudo Elements in CSSCSSHow to scroll contents of HTML body horizontally and vertically using JavaScript?JavaScriptHow to Secure Web or Mobile Browsers?MiscellaneousHow to create a CSS full page background image?CSSFull and Partial CUBE in Postgres with ExamplesPostgres