{"post":{"id":"639cc8f9a81f4988ca44a63f","_id":"639cc8f9a81f4988ca44a63f","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671213645879/1Z9N-1nvK.jpeg","__typename":"PostCoverImage"},"slug":"write-semantic-html","readTime":2,"replyCount":2,"responseCount":3,"brief":"If you are like me, you probably are using div everywhere. It's bad practice. Your code is both harder to read and not search engine optimized. Here's a list of all HTML tags that you should use to make your code more readable.\nAll the tags mentioned...","subtitle":"Stop using div everywhere, use these instead","isFeatured":false,"contributors":[{"_id":"638304a0def1df04cdaea172","name":"Souvik Pramanick","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670236664474/Af_j-7Vlk.jpg","username":"RockingSNP","__typename":"User"},{"_id":"6384aa9c9537c92102ec0bea","name":"Arnab Pal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1669640881341/TbAMGyCLK.jpg","username":"itzarnabpal","__typename":"User"},{"_id":"63cf73001819c3d44449c781","name":"Mehebub Kalapati","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674539778616/d6827091-074a-45d3-89e1-e18c7f7932db.jpeg","username":"mkpty","__typename":"User"}],"bookmarked":false,"views":102,"url":"https://sammaji.hashnode.net/write-semantic-html","totalReactions":42,"title":"Write semantic HTML","dateAdded":"2022-12-16T19:37:29.217Z","cuid":"clbqwwry9000308mpajb48i1x","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Write semantic HTML","description":"This article summarizes the use cases of the most commonly used semantic html elements like article, section, nav, header, footer and main","__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"639c0a53412a7e5bea6a214b","name":"Sam Maji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677436296067/dO-bn_Ez5.png","isPro":false,"username":"samyabratamaji","__typename":"User","tagline":"I write blogs on JavaScript, Web Development, Open Source and UI/UX Design"},"coAuthors":[],"series":null,"tags":[{"_id":"62ca4198e62bf98e0fb0969a","logo":null,"name":"semantichtml","slug":"semantichtml","__typename":"Tag"},{"_id":"62de904b8730728f62e8b1f9","logo":null,"name":"HTML tags ","slug":"html-tags","__typename":"Tag"},{"_id":"56744723958ef13879b95483","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513322217442/SkZlDeWzz.png","name":"HTML5","slug":"html5","__typename":"Tag"}],"publication":{"_id":"639c0ab1334d0a5bc54bd4c2","url":"https://sammaji.hashnode.net","canonicalURL":"https://sammaji.hashnode.net","title":"Samyabrata Maji","displayTitle":"","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671811084741/d_Zd3dZpv.jpg","headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"sammaji","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"63a4285501686cc63761b71d","author":{"_id":"6384aa9c9537c92102ec0bea","name":"Arnab Pal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1669640881341/TbAMGyCLK.jpg","isPro":false,"username":"itzarnabpal","__typename":"User"},"content":{"html":"

Great Job Sam!!❤️

\n","markdown":"Great Job Sam!!❤️","text":"Great Job Sam!!❤️\n","__typename":"Content"},"dateAdded":"2022-12-22T09:50:13.501Z","stamp":"clbywknwc01om2anv8y6k98ac","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"63a462133916c9c9a801d2e8","author":{"_id":"639c0a53412a7e5bea6a214b","name":"Sam Maji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677436296067/dO-bn_Ez5.png","isPro":false,"username":"samyabratamaji","__typename":"User"},"content":{"html":"

Thank you Arnab 😊

\n","markdown":"Thank you Arnab 😊","text":"Thank you Arnab 😊\n","__typename":"Content"},"dateAdded":"2022-12-22T13:56:35.317Z","stamp":"clbz5dhmc00qfqrnv1i0t2pwt","totalReactions":2,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"63cf7582b0e841d4136da2f2","author":{"_id":"63cf73001819c3d44449c781","name":"Mehebub Kalapati","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674539778616/d6827091-074a-45d3-89e1-e18c7f7932db.jpeg","isPro":false,"username":"mkpty","__typename":"User"},"content":{"html":"

I didn't knew these tags even existed. Thanks for sharing.

\n","markdown":"I didn't knew these tags even existed. Thanks for sharing.","text":"I didn't knew these tags even existed. Thanks for sharing.\n","__typename":"Content"},"dateAdded":"2023-01-24T06:06:58.186Z","stamp":"cld9u4o0902oexonveilegq56","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"63d0277679a109e4ff158040","author":{"_id":"639c0a53412a7e5bea6a214b","name":"Sam Maji","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1677436296067/dO-bn_Ez5.png","isPro":false,"username":"samyabratamaji","__typename":"User"},"content":{"html":"

Thanks

\n","markdown":"Thanks","text":"Thanks\n","__typename":"Content"},"dateAdded":"2023-01-24T18:46:14.602Z","stamp":"cldal93k9023va0nvbve8fztm","totalReactions":1,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"63e4d55fdb59c3f72b9f1e14","author":{"_id":"638304a0def1df04cdaea172","name":"Souvik Pramanick","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670236664474/Af_j-7Vlk.jpg","isPro":false,"username":"RockingSNP","__typename":"User"},"content":{"html":"

Great Geek you are

\n","markdown":"Great Geek you are","text":"Great Geek you are\n","__typename":"Content"},"dateAdded":"2023-02-09T11:13:35.081Z","stamp":"cldx04lt400fufnnv38gw668z","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"6384aa9c9537c92102ec0bea","name":"Arnab Pal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1669640881341/TbAMGyCLK.jpg","isPro":false,"username":"itzarnabpal","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"638304a0def1df04cdaea172","name":"Souvik Pramanick","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1670236664474/Af_j-7Vlk.jpg","isPro":false,"username":"RockingSNP","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"63cf73001819c3d44449c781","name":"Mehebub Kalapati","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1674539778616/d6827091-074a-45d3-89e1-e18c7f7932db.jpeg","isPro":false,"username":"mkpty","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Write semantic HTML

5 comments