HTML Code Standards: Difference between revisions

From PM Wiki
Jump to navigation Jump to search
No edit summary
Line 30: Line 30:


<html lang="en">
<html lang="en">
     <head>
     <head>
         <meta charset="utf-8">
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>Document Title</title>
         <title>Document Title</title>
         <link rel="shortcut icon" href="#">
         <link rel="shortcut icon" href="#">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">
     </head>
     </head>


     <body>
     <body>
         <main>
 
            All visible markup should reside within this tag.
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
        </main>
 
     </body>
     </body>
</html>
</html>
</pre>

Revision as of 20:33, 27 October 2022

DOCTYPE

Utilize the following DOCTYPE for all HTML documents:

<!DOCTYPE html>

Required Meta Tags

The following meta tags are required for all HTML documents:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

Favicons

If there is no available favicon for a page, use the following tag in the <head> section:

<link rel="shortcut icon" href="#">

HTML Template

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Document Title</title>
        <link rel="shortcut icon" href="#">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">

    </head>

    <body>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>

    </body>

</html>