Difference between revisions of "Basic HTML5 Page Layout"

From TheBestLinux.com
Jump to navigation Jump to search
Tag: visualeditor-switched
 
(One intermediate revision by the same user not shown)
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.
−
There are of course thousands 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">
 
<pre style="color:blue">
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="utf-8" lang="EN">
+
<meta charset="UTF-8" lang="EN">
 +
<meta name="description" content="The Best Linux Wiki">
 +
<meta name="keywords" content="Linux Shell Free">
 +
<meta name="author" content="Jamie Rubinstein">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<title>
 
<title>
 
Web Page Title
 
Web Page Title

Latest revision as of 23:32, 17 August 2021

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. 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" lang="EN">
<meta name="description" content="The Best Linux Wiki">
<meta name="keywords" content="Linux Shell Free">
<meta name="author" content="Jamie Rubinstein">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Web Page Title
</title>
<body>
.
.
.
Web page content goes here...
.
.
.
</body>
</html>
Retrieved from "https://thebestlinux.com/index.php?title=Basic_HTML5_Page_Layout&oldid=1137"