Index.php Code Part 3
| <!--- Page Author ---> <meta name="author" content="My Website Name, email@yoursite.com"> |
This section of the header, "<!--- Page Author --->", is just a note to indicate that the next tag identifies the author of the webpage, and how to contact them.
The page author line says that it is a meta tag,"<meta". This meta tag identifies that this tag identifies the author of the page, "name="author". And the content is the name of the author, and their contact information, "content="My Website Name, email@yoursite.com">". It is a good idea to keep this information up-to-date when adding web pages so you can refer back to it at a later time.
| <!--- Change the file only, not the link. Site Style. ---> <link rel="stylesheet" type="text/css" href="includes/sitestyle.css"> |
This section is extremely important. The first line "<!--- Change the file only, not the link. Site Style. --->" is a note that can be translated as Do Not Touch. This is because this section of the header indicates what cascading style sheet to use, and where to find it.
The next line does the important cascading style sheet identification. The first part of this line "<link" tells the computer that it is going to need to link to another file. The next portion "rel="stylesheet"" indicates that this link is a cascading style sheet. The computer needs to know what type of stylesheet this is, so the "type="text/css"" portion indicates that the file is a text file with cascading style sheet coding. The last portion "href="includes/sitestyle.css">" tells the computer where to find the cascading style sheet.
Remember, if you want to make changes to the cascading style sheet, make those changes in that file. Don't make changes to this line.
| <!--- Change the icon file, not the file name. Upload image to image folder and main folder ---> <link rel="shortcut icon" href="http://www.yoursite.com/includes/images/favicon.ico"> |
This next section is kind of fun. This section tells a visitors web brower where to find the favicon we built earlier. The first line is a note "<!--- Change the icon file, not the file name. Upload image to image folder and main folder --->". It is a reminder to make changes to the file without changing the name of the file. It is also a reminder to upload the favicon to the images folder, and to keep a copy of the favicon in the main folder. It is a good idea to keep a copy in the main folder since this is the default location web browsers look for when looking for a favicon.
The next line "<link rel="shortcut icon" href="http://www.yoursite.com/includes/images/favicon.ico">" tells the computer that this link is a type of shortcut icon and that the absolute path to this icon is in your images folder and is called favicon.ico.
| </head> |
The "</head>" tells the computer that the header portion of this webpage is over, and that it can now move on to the next step.
