|
22 | 22 | 3.3 [HTML Character Encoding](#html-character-encoding) |
23 | 23 | 3.4 [HTML Attribute Order](#html-attribute-order) |
24 | 24 | 3.5 [HTML Performance](#html-performance) |
| 25 | + 3.6 [HTML Base Code](#html-base-code) |
25 | 26 | 4. [CSS / SCSS](#css--scss) |
26 | 27 | 5. [JavaScript](#javascript) |
27 | 28 |
|
@@ -224,6 +225,70 @@ Eliminar espaços e comentários, sem dúvida trazem uma melhor performance e s |
224 | 225 | </html> |
225 | 226 | ``` |
226 | 227 |
|
| 228 | +#### HTML Base Code |
| 229 | + |
| 230 | +HTMl básico que uso para os projetos |
| 231 | + |
| 232 | +```html |
| 233 | +<!DOCTYPE html> |
| 234 | +<html class="no-js" lang="pt-BR" xml:lang="pt-BR"> |
| 235 | + <head> |
| 236 | + <meta charset="utf-8"> |
| 237 | + <title></title> |
| 238 | + <meta http-equiv="X-UA-Compatible" content="IE=Edge"> |
| 239 | + <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 240 | + <script type="text/javascript"> |
| 241 | + // to identify if javascript is active |
| 242 | + var tagHtml = document.getElementsByTagName("html")[0]; |
| 243 | + tagHtml.className = tagHtml.className.replace('no-js', 'js'); |
| 244 | + </script> |
| 245 | + </head> |
| 246 | + <body> |
| 247 | + |
| 248 | + </body> |
| 249 | +</html> |
| 250 | +``` |
| 251 | + |
| 252 | +Tags meta que mais uso. |
| 253 | + |
| 254 | +```html |
| 255 | +<meta name="format-detection" content="telephone=no"> |
| 256 | +<meta name="referrer" content="origin"> |
| 257 | +<meta name="description" content="Description"> |
| 258 | + |
| 259 | +<!-- facebook --> |
| 260 | +<meta property="og:site_name" content="Site name"> |
| 261 | +<meta property="og:title" content="Title"> |
| 262 | +<meta property="og:type" content="website"> |
| 263 | +<meta property="og:url" content="Url"> |
| 264 | +<meta property="og:description" content="Description"> |
| 265 | +<meta property="og:image" content="Image"> |
| 266 | +<meta property="fb:admins" content=""> |
| 267 | +<meta property="fb:app_id" content=""> |
| 268 | + |
| 269 | +<link rel="image_src" href="Image"> |
| 270 | + |
| 271 | +<!-- component schema.org --> |
| 272 | +<meta itemprop="name" content="Site name"> |
| 273 | +<meta itemprop="description" content="Description"> |
| 274 | +<meta itemprop="image" content="Image"> |
| 275 | +<meta itemprop="url" content="Url"> |
| 276 | + |
| 277 | +<meta name="geo.country" content=""> |
| 278 | +<meta name="geo.region" content=""> |
| 279 | +<meta name="geo.placename" content=""> |
| 280 | + |
| 281 | +<!-- favicon --> |
| 282 | +<link rel="apple-touch-icon" href="/apple-touch-icon.png"> |
| 283 | +<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> |
| 284 | +<link rel="icon" href="/favicon.ico" type="image/x-icon"> |
| 285 | + |
| 286 | +<!-- canonical --> |
| 287 | +<link rel="canonical" href="Url"> |
| 288 | +``` |
| 289 | + |
| 290 | + |
| 291 | + |
227 | 292 | ## Contribuindo |
228 | 293 |
|
229 | 294 | - Faça o fork! |
|
0 commit comments