HTML boilerplates

Manuel Matuzović berjalan line-by-line melalui dokumen HTML boilerplate. Saya suka. Ia adalah rujukan yang baik dan mempunyai banyak jenis barangan yang sama yang saya cenderung untuk dimasukkan ke dalam template HTML utama. Ia membuatkan saya berfikir tentang bagaimana pendapat seperti ini. Dang berhampiran setiap baris! Bukan Doctype, bukan , tetapi hampir semua yang lain.

HTML

 


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

  <tirly> Tajuk halaman unik - laman web saya 

  <script type="Module">
    document.documenteLement.classlist.remove (&#39;no-js&#39;);
    document.documentElement.classlist.add (&#39;JS&#39;);
  </script>

  <link rel="stylesheet" href="/aset/css/styles.css">
  <link rel="stylesheet" href="/aset/css/print.css" media="print">

  <meta name="Description" content="Page Description">
  <meta property="OG: Title" content="Tajuk Halaman Unik - Laman My Site">
  <meta property="og: description" content="page description">
  <meta property="og: image" content="https://www.mywebsite.com/image.jpg">
  <meta property="OG: Image: alt" content="Image Description">
  <meta property="og: locale" content="en_gb">
  <meta property="og: type" content="laman web">
  <meta 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="ikon" href="/favicon.svg" type="image/svg xml">
  <link rel="apple-souch-icon" href="/apple-souch-icon.png">
  <link rel="manifest" href="/my.webManifest">
  <meta name="tema-warna" content="#ff00ff">



  
  <script src="/aset/js/xy-polyfill.js" nomodule> </script>
  <script src="/aset/js/script.js" type="Module"> </script>

</tirly>

Mungkin laman web saya tidak menggunakan mana-mana JavaScript atau tidak mempunyai penolakan JavaScript jadi saya tidak memerlukan apa-apa menari nama kelas. Mungkin laman web saya tidak memerlukan gaya cetak, tetapi saya memerlukan pautan prefetching. Mungkin saya tidak peduli dengan imej sosial, tetapi saya mahukan CSS kritikal di kepala. Ia adalah boilerplate, bukan preskripsi - ia dimaksudkan untuk diubah.

Ada masa ketika html5 boilerplate adalah projek besar di ruang ini. Ia mempunyai seluruh org github! Boilerplate mempunyai 50,000 bintang! Secara peribadi, saya rasa seperti projek itu hilang apabila ia mula mempunyai folder SRC dan Dist dan proses binaan 200 baris, ya tahu? Ia berfungsi dengan baik sebagai rujukan untuk apa yang diperlukan oleh projek web yang diberikan, tetapi sekarang saya rasa ia menakutkan dengan cara yang tidak perlu. Fail indeks boilerplate juga cukup dipertimbangkan. Ia menganggap normalisasi dan modenzr, yang pastinya bukan projek yang tidak ditetapkan, tetapi juga bukan perkara yang saya lihat pemaju mencapai lebih banyak lagi. Ia juga menganggap penggunaan Google Analytics!

Saya tidak mempunyai masalah dengan orang yang mempunyai dan berkongsi dokumen boilerplate, tetapi mengingati betapa tidak dapat dielakkan yang dianggapnya adalah dengan mereka, saya juga suka pendekatan panduan rujukan. Hanya tunjukkan kepada saya setiap perkara yang boleh masuk ke

(banyak nilai boilerplates ini), dan saya akan memilih dan memilih apa yang saya perlukan (atau mungkin terlupa). Untuk tujuan itu, projek kepala Josh Buchea agak keren.

Atas ialah kandungan terperinci HTML boilerplates. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!