How to structure a footer and what to include in it
Hello, sorry to disturb you all... I was just reading about semantics HTML tags and they mentioned about the
footer tag. Basically, the footer tag should contain "additional information" about our website; what does that mean? From what I've read, it can contain contacts details, what else?
I also noticed in several websites, they are structured in a column-wise, is that a convention?12 Replies
You'll usually see things like copy-write info, links to ToS/privacy policy, "made by", and other miscellaneous info.
Basically anything that's germain but not directly relavent to the page at hand.
people put mini-sitemap down there too, useful links to stuff like a contact page, FAQs, shipping info, physical store info, complaint procedures, stuff like that
Most of the time, every page on a given site will have the same footer, so you put stuff there that's important to the site/brand/company and not specific to any one page.
sitemap, it's something that guide us on how to use the web page?
Here's the footer of MDN. There's a link to the home page, social media links, a mini-sitemap, and some copyright info
"Sitemap" being links to main/important pages in the site
yep I see
hmm navigation bars also have links but how does a sitemap and nav bar differs?
like nav bar is for main content ?
sitemap for additional info ?
Nav bars are on top and usually contain not only main pages but sub pages or less "important" pages. Sitemap is just the basics
basically the links to important things that don't need the extra focus of a main menu link or a CTA in the main page. The footer is generally more for like... the running of the business type links, where the main menu and content are for the sales part or main purpose of the site
the footer feels more like the backoffice, where the menu and main content are the primary customer facing business that you want folks to focus on
Going back to MDN, here's their nav bar: very different than the links in the site map
Anyway, gotta go to work now. I'll leave you in Jochem's capable hands! 👋
I have a clearer overview now, thanks !!