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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<title>PHP中文网</title>
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><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 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><link rel="icon" href="/favicon.ico" type="image/x-icon" /></pre><div class="contentsignin">Salin selepas log masuk</div></div><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". <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<meta charset="UTF-8">
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><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<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="description" content="这里是对网站的描述"></pre><div class="contentsignin">Salin selepas log masuk</div></div><p>Kata kunci</p><p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: "Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helvetica, 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", 微软雅黑, "Microsoft Yahei", Helvetica, Arial, sans-serif;"></span></strong></p>6. <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><meta name="keywords" content="HTML, HTML教程, HTML入门"></pre><div class="contentsignin">Salin selepas log masuk</div></div><p>Pengarang halaman</p><p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: "Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helvetica, 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", 微软雅黑, "Microsoft Yahei", Helvetica, Arial, sans-serif;"></span></strong></p>7 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><meta name="author" content="作者名"></pre><div class="contentsignin">Salin selepas log masuk</div></div>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", 微软雅黑, "Microsoft Yahei", Helvetica, 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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"> <meta name="viewport" content="width=device-width, initial-scale=1"></pre><div class="contentsignin">Salin selepas log masuk</div></div><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 </p></li></ul><p>使用 <style> 标签可以在 HTML 文档中嵌入 CSS 样式，需要注意的是在 <style> 标签中定义的样式仅对当前 HTML 文档有效。示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<title>此处书写标题</title>
<style>
body { background-color: YellowGreen; }
h1 { color: red; }
p { color: green; }
</style>
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><blockquote><p>注意：对于文档中的唯一样式可以使用 <style> 标签，但对于在多个文档中通用的样式，使用外部样式表更为合适。</p></blockquote><p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: "Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helvetica, Arial, sans-serif;">9、外部css样式表--<link> 标签</span></strong></p><p><link> 标签经常用于引用外部 CSS 样式表，<link> 标签中包含两个主要的属性，分别是 rel 和 href。rel 属性用来指示引用文件的类型，href 属性用来设置外部文件的路径。示例代码如下：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><head>
<title>此处书写标题</title>
<link rel="stylesheet" href="common.css">
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><blockquote><p>HTML <head> 标签中可以包含任意数量的 <link> 标签。</p></blockquote><p><strong><span style="background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: "Helvetica Neue", 微软雅黑, "Microsoft Yahei", Helvetica, 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", 微软雅黑, "Microsoft Yahei", Helvetica, Arial, sans-serif;">通过script标签嵌入JavaScript 脚本代码或链入脚本文件</span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><head>
<script>
document.write("PHP中文网")
</script>
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><head>
<script src="js/test.js"></script>
</head></pre><div class="contentsignin">Salin selepas log masuk</div></div><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!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
