- Line 1 of the code is the DOCTYPE declaration telling the browser that the page uses HTML5
- Line 2 is the language declaration telling the browser that the default language of the page content is English.
- Line 3 is the opening <head> tag which is where the information for search engines and other functional calls like CSS and javascript begins. That information will be enclosed between the opening and closing <head> tags.
- Line 4 contains the is the charachter encoding declaration.
- Line 5 contains the title of the page read by search engines and and the browser when opening new tabs.
- Line 6 is the closing <head> tag.
- Line 7 is unused other than to visually separate the <head> from the <body in code view.
- Line 8 Is the opening <body> tag that tells the browser that this is where the page content begins.
- Line 9 is the opening <article> tag used to sep one piece of content apart from another. The content within the opening and closing of this tag is flagged as being independent of other content enabling it to be pulled out by XML or other similar functionality and used elsewhere (such as in syndication).
- Line 10 is the <h1> tag signifying the main heading of the document.
- Line 11 is the opening and closing <p> tags wrapping the content of the first paragraph of the text in the body copy of the page.
- Line 12 containg the closing <article> tag.
- Line 13 contains a comment within the code which is generally used to provide a notation about something in the code for someone working in it. Thses comments can only be seen when looking at the back end code of the page. It is not visible to the front end user.
- Line 14 is the closing <body> tag.
- Line 15 is the closing <html> tag.
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8" />
5 <title>Hello! Welcome to the second test piece</title>
6 </head>
7
8 <body>
9 <article>
10 <h1>Introducing HTML5</h1>
11 <p>The main content of our page. »Check the source to see the difference!«</p>
12 </article>
13 <!-- Can you see this hidden comment :) -->
14 </body>
15 </html>