Difference between revisions of "Basic HTML5 Page Layout"

From TheBestLinux.com
Jump to navigation Jump to search
Tag: visualeditor-switched
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">
 +
<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

Revision as of 03:29, 16 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">
<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=1120"