Semantic HTML5 Tags | Web Development Basics in

Learn how to create a more accessible site in Webflow by using semantic HTML5 tags. It's an easy way to score some major points in SEO and accessibility.
This is the first video in a series focusing on teaching web development concepts within the Webflow platform. View the series:
• Web Development Basics...
Like this video? Please give it a thumbs up!
Connect with me on Twitter
/ brianhaferkamp (@brianhaferkamp)
#NoCode #WebDevelopment #WebDesign

[@jamespilz1514]

Thanks for this video Brian! I found it helpful to learn more about these tags. It was pretty easy to follow along which was nice - although, I thought to myself how it would be really nice to see an example to go along with it. (Like having a blog layout visible while explaining each of the tags, and then showing what part of the blog should get the corresponding tag). I’m looking forward to the next video! Cheers.

[@BrianHaferkamp]

Thanks for watching and for the suggestion. Maybe I can do that as we progress.

[@ShutterlabCreative]

I think the 4-minute intro should be its own video. But I enjoy these a lot. Thanks for sharing your experience in the context of webflow!

[@BrianHaferkamp]

Thanks for the tip. I'm glad it was enjoyable!

[@ShutterlabCreative]

@@BrianHaferkamp what would be the ideal tag for social media icons contained within a link block?

[@BrianHaferkamp]

Not sure there is an ideal, but I would use or . These are both inline elements. If you need to create space around the icon via margin or padding you can make the element display: inline-block in the CSS. Here is the official HTML specification section on icons: www.w3.org/TR/html52/semantics-embedded-content.html#icon-images Hope that helps!

[@efsmart]

One of those 'who would have thought?' videos that appear fundamental. Adds a nice level of organization too. Have you published the tag video?

[@BrianHaferkamp]

Thanks. Which tag video are you referencing?

[@efsmart]

@@BrianHaferkamp I found it the next video about labeling sections, etc.

[@efsmart]

BTW Brian, have you done a video about using the navigation burger graphics and targeting for mobile [similar to kzbin.info/www/bejne/e5W7fKBtYs-VbtU]?

[@BrianHaferkamp]

Thanks. I'll have to go back see what I was talking about 😄

[@vkgraphics]

Thanks for this Brian. I'm trying to build a website for a new business idea I have but know nothing about HTML so it's great to know, before I get too into Webflow, that it is worth my time and effort. I'll be checking out your other videos as I go along.

[@BrianHaferkamp]

You're welcome. Thanks for watching. Let me know how I can be of help on your journey.

[@patriciaalexis7696]

Your tutorial was really helpful. Thank you.

[@BrianHaferkamp]

You're welcome. I'm glad it helped. Thanks for watching!

[@kyleofwar]

bit late to the party here but appreciate you for this man, hope you are still making content

[@BrianHaferkamp]

No worries. I'm glad it was helpful. I've put my focus on a side project for a bit but I put out the occasional videos. Anything you would like to see in particular? Also, I've got a lot of videos on my channel so be sure to look through them.