└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # HTML Styleguide 2 | 3 | ## Boas práticas no HTML5 4 | 5 | É muito importante tornar o HTML mais fácil de entender e se manter. 6 | 7 | A ideia desse repositório é ser um local para que eu e outros desenvolvedores possamos participar e contribuir com padronizações e melhores práticas no HTML5. 8 | 9 | 10 | 11 | ### Fique de olho na aspas de seu código 12 | Sempre use aspas duplas para suas classes e ids. 13 | 14 | ```html 15 | 16 |

17 | 18 | 19 |

20 | ``` 21 | 22 | ### Fique de olho na indentação 23 | Utilize indentação de dois espaços 24 | 25 | ```html 26 | 27 |

28 |

30 | 31 | 32 | 33 |
34 |
- 36 | 37 | ``` 38 | 39 | 40 | ### Ordene seus atributos 41 | Atributos HTML devem vir nesta ordem específica para facilitar a leitura do código. 42 | 43 | - class 44 | - id, name 45 | - data-* 46 | - src, for, type, href 47 | - title, alt 48 | - aria-*, role 49 | 50 | 51 | ```html 52 | 53 | Example link 54 | 55 | 56 | 57 | 58 | 59 | 60 | ``` 61 | 62 | 63 | ### Não especifique o type 64 | Não há necessidade de especificar um ```type``` quando incluimos arquivos CSS e JavaScript como ```text/css``` e ```text/javascript``` 65 | 66 | ```html 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | ``` 75 | 76 | Dica: insira todos os arquivos JavaScripts antes de fechar o `````` final do documento para melhorar a performance de sua página, já os CSS insira no head do seu site 77 | 78 | --------------------------------------------------------------------------------