HTML & CSS Best Practices Guide
Translated by
ScribdTranslationsHTML & CSS Best Practices Guide
Translated by
ScribdTranslationsHTML&CSS
Elevate your level of code,
building applications
more efficient
ABOUT THE AUTHOR
INTRODUCTION
HTML 1: A TAG FOR PAGE
SEO
HTML 2: USE A TAG FIGURE
f i g u re c a p t i o n
SEO
HTML 3: USE SEMANTIC TAGS
header
HTML 4: Do not use tags for style
<b>
CSS
<b>
font-weight
HTML 5: ALWAYS USE A TITLE TAG
title
HTML 6: ALWAYS WRITE IN LOWER CASE
text-transform
HTML 7: USE HTML VALIDATIONS
required type
HTML 8: DO NOT USE INLINE STYLE
style
.css
HTML 9: Beware of Comments
HTML 10: ATTRIBUTE ALT FOR IMAGES
alt
f i g u re
SEO
C S S 1: I TAKE CARE OF MY SPECIFIC HOME
s u p e r- s p e c i f i c a t i o n
class
id
C S S 2: DO NOT USE! IMPORTANT
!important
!important
CSS 3: Utilize OS Shorthands
shorthand
padding-top
padding-bottom padding
shorthand
C S S 4: USE RELATIVE UNITS
px
in rem vh v w
CSS5:COMMENTSINCSS
C S S 6: MINIFCAR CSS
Minify
SEO
CSS 7: USE VARIABLES
CSS Box Sizing
box
sizing
CSS9:CONSISTENCY
underline
classes ids
C S S 1 0 : O R GAN I ZAT I O N
navbar banners
footer
FUNDAMENTALS COURSE
I have two courses that can help you go further in
HTML and CSS.
Everything for free, on my YouTube channel
Fundamentals of HTML:Invalid input. Please provide a text for translation.
Fundamentals of CSS:Invalid input. Please provide text for translation.
Both with projects!
Don't forget to leave your like and subscribe to the channel, me
helps a lot = )
Thank you
As long as there are people willing
to learn, I will be creating
content to further enrich
but your knowledge
Matheus Battisti
Time to Code