Parts of a Web Page

Most Web Pages Include All These Elements

The Oscars Website
The Oscars Website. Image submitted for the HTML5 Design Gallery courtesy The Academy of MPAS

Web pages are like any other document, which means that they are made up of a number of essential parts which all contribute to the larger whole. For web pages, these parts include: images/videos, headlines, body content, navigation, and credits. Most Web pages contain at least three of these elements and many contain all five. Some may contain other areas as well, but these five are the most common you will see.

Images and Videos

Images are a visual element of almost every Web page. They draw the eye and help direct readers to specific parts of the page. They can help illustrate a point and provide additional context to what the rest of the page is about. Videos can do the same, adding an element of motion and sound to the presentation.

Ultimately, most Web pages today have several high quality images and videos to both decorate and inform the page.

Headlines

After images, headlines or titles are the next most prominent element on most Web pages. Most Web designers use some form of typography to create headlines that are larger and more prominent than the surrounding text. Plus, good SEO requires that you use the HTML headline tags <h1> through <h6> to represent the headlines in the HTML as well as visually.

Well designed headline help break up the text of a page, making it easier to read and process the content.

    Body Content

    Body content is the text that makes up the majority of your Web page. There is a saying in web design that "Content is King."  What this means is that content is why people come to your Web page and the layout of that content can help them read it more effectively. Using items like paragraphs along with the aforementioned headers can make a Web page easier to read, while elements like lists and links make the text easier to skim. All of these parts fit together to create page content that your readers will comprehend and enjoy.

    Navigation

    Most Web pages are not stand-alone pages, they are part of a larger structure - the website as a whole. So navigation plays a crucial role for most Web pages to keep customers on the site and reading other pages.

    Web pages can also have internal navigation, especially long pages with lots of content. Navigation helps your readers stay oriented and make it possible for them to find their way around the page and the site as a whole.

    • Designing Effective Web Navigation
    • Organization of Directories and 404 Page Content Will Help Navigation
    • Navigating Web Sites
    • Link Rot: Are You a Culprit?

    Credits

    Credits on a Web page are the informational elements of a page that aren't content or navigation, but provide details about the page. They include things like: the publication date, copyright information, privacy policy links, and other information about the designers, writers, or owners of the Web page. Most Web pages include this information at the bottom, but you can also include it in a sidebar, or even at the top if it fits with your design.

    Original article by Jennifer Krynin. Edited by Jeremy Girard on 3/2/17