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 Solution to the error “Visual Studio Code can’t be opened because Apple cannot check it for malicious software” #2 How to add Read More Read Less Button using JavaScript? #3 How to check if radio button is checked or not using JavaScript? #4 Solution to “TypeError: ‘x’ is not iterable” in Angular 9 #5 PHP Login System using PDO Part 1: Create User Registration Page #6 How to uninstall Cocoapods from the Mac OS?

Recently Posted

#Apr 8 JSON.stringify() in JavaScript #Apr 7 Middleware in NextJS #Jan 17 4 advanced ways to search Colleague #Jan 16 Colleague UI Basics: The Search Area #Jan 16 Colleague UI Basics: The Context Area #Jan 16 Colleague UI Basics: Accessing the user interface
You might also like these
Few more :nth-child examples in CSSCSSHow to Create a Backup From Any Database in SQL?SQL/MySQLHow to get user’s Browser and Operating Systems information using PHP?PHPWhat does JSX do in React?ReactCheck if any column has NULL values in PostgresPostgresHow to obfuscate JavaScript code to hide it from View Source?JavaScript