Kandungan pengepala HTML5 biasanya termasuk: 1. Tajuk halaman web ditakrifkan oleh tag tajuk; 3. Kaedah pengekodan; ; 7. Viewport (penyesuaian terminal mudah alih);
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Mengikut keperluan kami, kami boleh menentukan sejumlah besar metadata dalam pengepala HTML, atau kami boleh menentukan sedikit atau tiada metadata langsung. Walaupun teg kepala adalah sebahagian daripada dokumen HTML, kandungannya tidak dipaparkan dalam penyemak imbas.
kandungan pengepala HTML5
1 Teg > digunakan untuk mentakrifkan tajuk dokumen HTML. Hanya dokumen yang mengandungi teg Selain itu, hanya satu teg dibenarkan dalam dokumen HTML dan teg <title>
Perhatikan bahawa hanya kandungan teks biasa dibenarkan di dalam teg
dan tiada teg HTML lain dibenarkan. <p></p> Contoh: <p></p>
<p><br></p><pre class="brush:html;toolbar:false"><head>
<title>PHP中文网</title>
</head></pre><p><img src="https://img.php.cn/upload/image/665/168/925/1639731780475326.png" title="1639731780475326.png" alt="Apakah kandungan pengepala html5 yang biasanya disertakan?">2 daripada tajuk halaman web , nyatakan laluannya Jika tidak dinyatakan, penyemak imbas akan mencari </p>
<p><strong></strong> dalam direktori akar 3. Kaedah pengekodan </p>
<p></p>The spesifikasi kaedah pengekodan diletakkan di Di bahagian hadapan kepala, jika tidak dinyatakan, penyemak imbas juga akan menentukan berdasarkan pengepala pelayan, tetapi ia mungkin tidak tepat. Teg <pre class="brush:html;toolbar:false"><link rel="icon" href="/favicon.ico" type="image/x-icon" /></pre><p><strong></strong><meta> digunakan untuk menyediakan metadata tentang dokumen HTML, seperti tempoh sah halaman, pengarang halaman, senarai kata kunci, penerangan halaman, dsb. Data yang ditakrifkan oleh teg <meta> tidak akan dipaparkan pada halaman, tetapi akan dihuraikan oleh penyemak imbas. </p>
<p></p>Atribut charset digunakan untuk menentukan pengekodan aksara dokumen HTML Dalam contoh di atas, kami menetapkan pengekodan aksara dokumen kepada "UTF-8". <pre class="brush:html;toolbar:false"><head>
<meta charset="UTF-8">
</head></pre><blockquote><p>4. Penerangan laman web </p></blockquote>
<p></p>Mentakrifkan maklumat penerangan halaman adalah kondusif untuk carian enjin carian. <p><strong></strong>5 </p>Halaman<pre class="brush:html;toolbar:false"><meta name="description" content="这里是对网站的描述"></pre><p>Kata kunci</p>
<p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif></span>Kata kunci digunakan untuk menyediakan enjin carian maklumat yang berkaitan dengan halaman maklumat. <span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif></span></strong></p>6. <pre class="brush:html;toolbar:false"><meta name="keywords" content="HTML, HTML教程, HTML入门"></pre><p>Pengarang halaman</p>
<p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif></span>Maklumat pengarang boleh diekstrak secara automatik melalui beberapa sistem pengurusan kandungan. <span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif></span></strong></p>7 <pre class="brush:php;toolbar:false"><meta name="author" content="作者名"></pre>Viewport (penyesuaian terminal mudah alih) <p></p>
<p>Ini sangat biasa digunakan untuk penyesuaian terminal mudah alih, dan halaman Put ia dalam tetingkap maya - viewport Jika halaman web tidak menggunakan viewport, ia akan muncul apabila kita membuka pelayar mudah alih Ia adalah sangat kecil, dan ia juga boleh digerakkan dan dizum pemaju web untuk lulus saiz dan dinamiknya Tetapkan saiz elemen kawalan dalam kandungan halaman web, supaya kesan yang sama (pengurangan skala) seperti dalam halaman web boleh dicapai pada pelayar. , digunakan untuk menyokong tapak web responsif dengan lebih baik. <strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif></span></strong></p>lebar: Kawal saiz port pandangan, biasanya dinyatakan sebagai lebar peranti (unit ialah piksel CSS yang diskalakan kepada 100%), anda juga boleh menentukan nilai tetap, untuk contoh 600.<p></p><pre class="brush:html;toolbar:false"> <meta name="viewport" content="width=device-width, initial-scale=1"></pre><ul style="list-style-type: disc;">tinggi: sepadan dengan lebar, menentukan ketinggian. <li><p></p></li>skala awal: nisbah penskalaan awal, nisbah penskalaan apabila halaman pertama kali dimuatkan. <li><p></p></li>skala maksimum: Nisbah maksimum yang dibenarkan untuk zum pengguna. <li><p></p></li>skala minimum: Nisbah minimum yang pengguna dibenarkan mengezum. <li><p></p></li>boleh berskala pengguna: Sama ada pengguna boleh mengezum secara manual. <li><p></p></li>
<li><p>8. Gaya CSS terbenam--<gaya> teg </gaya></p></li>
</ul>
<p>使用 <style> 标签可以在 HTML 文档中嵌入 CSS 样式，需要注意的是在 <style> 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下：</style></p><pre class="brush:html;toolbar:false"><head>
<title>此处书写标题</title>
<style>
body { background-color: YellowGreen; }
h1 { color: red; }
p { color: green; }
</style>
</head></pre><blockquote><p>注意：对于文档中的唯一样式可以使用 <style> 标签，但对于在多个文档中通用的样式，使用外部样式表更为合适。</style></p></blockquote>
<p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif>9、外部css样式表--<link> 标签</span></strong></p>
<p><link> 标签经常用于引用外部 CSS 样式表，<link> 标签中包含两个主要的属性，分别是 rel 和 href。rel 属性用来指示引用文件的类型，href 属性用来设置外部文件的路径。示例代码如下：</p><pre class="brush:html;toolbar:false"><head>
<title>此处书写标题</title>
<link rel="stylesheet" href="common.css">
</head></pre><blockquote>
<p>HTML </p> 标签中可以包含任意数量的 <link> 标签。</blockquote>
<p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif>10、JavaScript 脚本</span></strong><br></p>
<p><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: " helvetica neue yahei arial sans-serif>通过script标签嵌入JavaScript 脚本代码或链入脚本文件</span></p><pre class="brush:js;toolbar:false"><head>
<script>
document.write("PHP中文网")
</script>
</head></pre><pre class="brush:js;toolbar:false"><head>
<script src="js/test.js"></script>
</head></pre><p>相关推荐：《<a href="http://www.php.cn/course/list/11.html" target="_blank" textvalue="html视频教程">html视频教程</a>》</p>
Atas ialah kandungan terperinci Apakah kandungan pengepala html5 yang biasanya disertakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
