Basic HTML5 Page Layout - Revision history

Jamie at 23:32, 17 August 2021

2021-08-17T23:32:01Z

Jamie at 03:29, 16 August 2021

2021-08-16T03:29:11Z

Jamie at 10:35, 16 January 2021

2021-01-16T10:35:23Z

Jamie: Created page with "Here is the basic framework I use to create a simple HTML5 web page on the fly. There are of course thousand of options, but all modern web pages should include all of these e..."

2021-01-16T10:33:55Z

Created page with "Here is the basic framework I use to create a simple HTML5 web page on the fly. There are of course thousand of options, but all modern web pages should include all of these e..."

New page

Here is the basic framework I use to create a simple HTML5 web page on the fly.
There are of course thousand of options, but all modern web pages should include all of these elements as minimum. I've use 3 dots(.) on blank lines to indicate possible lines below and above.
<pre style="color:blue">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" lang="EN">
<title>
Web Page Title
</title>
<style>
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
</style>
<body>
.
.
.
Web page content goes here...
.
.
.
</body>
</html>
</pre>

@@ Line 4: / Line 4: @@
 <html>
 <head>
-<meta charset="UTF-8">
+<meta charset="UTF-8" lang="EN">
 <meta name="description" content="The Best Linux Wiki">
 <meta name="keywords" content="Linux Shell Free">

@@ Line 1: / Line 1: @@
-Here is the basic framework I use to create simple HTML5 web pages on the fly.
+Here are the most commonly used meta tags, which should be used as best practice. There are hundreds of other options, but these are the ones to use on a production website.
 <pre style="color:blue">
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset="utf-8" lang="EN">
+<meta charset="UTF-8">
 <title>
 Web Page Title