Plaques de chaudières HTML-tutoriel CSS-php.cn

Plaques de chaudières HTML

Joseph Gordon-Levitt

Libérer： 2025-03-24 10:06:14

original

361 Les gens l'ont consulté

Plaques de chaudières HTML

Manuel Matuzović va ligne par ligne via un document HTML à passe-partout. J'aime ça. C'est une bonne référence et a beaucoup du même type de choses que j'ai tendance à mettre dans le modèle HTML principal. Cela me fait réfléchir à la façon dont ce genre de chose peut être. Dang près de chaque ligne! Pas le doctype, pas le , mais presque tout le reste.

Le html

 

<adal>
  <meta charset="utf-8">
  <meta name="Viewport" content="width = device-width">

  <title> Titre de la page unique - Mon site 

  <script type="module">
    document.DocumentElement.classList.Remove (&#39;no-js&#39;);
    document.DocumentElement.classList.add (&#39;JS&#39;);
  

  <link rel = "Stylesheet" href = "/ actifs / css / styles.css">
  <link rel = "Stylesheet" href = "/ actifs / css / print.css" media = "print">

  <meta name = "Description" content = "page Description">
  <Meta Property = "OG: Title" Content = "Unique Page Title - Mon site">
  <méta propriété = "OG: Description" Content = "Page Description">
  <Meta Property = "OG: Image" Content = "https://www.mywebsite.com/image.jpg">
  <Meta Property = "OG: Image: Alt" Content = "Image Description">
  <méta propriété = "og: locale" contenu = "en_gb">
  <Meta Property = "OG: Type" Content = "Site Web">
  <méta name = "Twitter: Card" Content = "Summary_Large_image">
  <Meta Property = "OG: URL" Content = "https://www.mywebsite.com/page">
  <link rel = "canonical" href = "https://www.mywebsite.com/page">

  <link rel = "icon" href = "/ favicon.ico">
  <link rel = "icon" href = "/ favicon.svg" type = "image / svg xml">
  <link rel = "Apple-Touch-icon" href = "/ apple-touch-icon.png">
  <link rel = "manifest" href = "/ my.webmanifest">
  <meta name = "thème-couleur" contenu = "# ff00ff">
</ head>

<body>
  <! - Contenu ->
  <script src = "/ actifs / js / xy-poolyfill.js" nomodule> 
  <script src = "/ actifs / js / script.js" type = "module"> </ script>

</script>
</title></adal>

Copier après la connexion

Peut-être que mon site n'utilise aucun JavaScript ou n'a pas de bases sans javascript, donc je n'ai besoin d'aucune danse du nom de classe. Peut-être que mon site n'a pas besoin de styles d'impression, mais j'ai besoin de prédéfinition des liens. Peut-être que je me fiche des images sociales, mais je veux des CS critiques dans la tête. C'est un passe-partout, pas une prescription - il est censé être changé.

Il fut un temps où le passe-partout HTML5 était un énorme projet dans cet espace. Il a une org Github entière! Le passe-partout a 50 000 étoiles! Personnellement, j'ai l'impression que le projet a perdu son chemin quand il a commencé à avoir un dossier SRC et DIST et un processus de construction de Gulp de 200 lignes, tu sais? Cela a mieux fonctionné comme référence pour les éléments qu'un projet Web donné pourrait avoir besoin, mais maintenant j'ai l'impression que cela est intimidant d'une manière qu'il n'a pas besoin d'être. Le fichier d'index de la baillit est également assez opiniâtre. Il suppose que la normalisation et la modernizr, qui ne sont certainement pas des projets obsolètes, mais non plus des choses que je vois des développeurs atteindre beaucoup plus. Il suppose même que Google Analytics utilise!

Je n'ai aucun problème avec les personnes ayant et partageant des documents passe-partout, mais compte tenu de la façon dont il est inévitable d'opinion avec eux, j'aime aussi l'approche du guide de référence. Montrez-moi simplement tout ce qui peut aller dans le (une grande partie de la valeur de ces paires de chaudières), et je vais choisir ce dont j'ai besoin (ou avoir oublié). À cette fin, le projet de tête de Josh Buchea est plutôt cool.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!