Der Inhalt dieses Artikels befasst sich mit der Frage: Was ist das Head-Tag? Die Einführung des Head-Tags in HTML hat einen gewissen Referenzwert. Freunde in Not können darauf verweisen.
Was ist das Head-Tag?
Das Head-Tag ist der Inhalt des
-Elements. Im Gegensatz zum Inhalt des -Elements, das im Browser angezeigt werden kann, wird der Inhalt des Kopfes nicht im Browser angezeigt. Seine Funktion besteht darin, einige Metadaten der Seite zu enthalten. Im folgenden Beispiel enthält head nur sehr wenig Inhalt.
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
title
Das Element
stellen die gesamten Metadaten über den ungefähren Inhalt eines HTML-Dokuments dar (nicht den Inhalt des Dokuments). Das <br>-Element <title> wird auch auf andere Weise verwendet, wenn Sie beispielsweise versuchen, eine Seite mit einem Lesezeichen zu versehen > Diese Seite mit einem Lesezeichen versehen, in Firefox wird der Inhalt von <title> als vorgeschlagenes Lesezeichen angezeigt eine „offizielle“ Möglichkeit, einem Dokument Metadaten hinzuzufügen – das <meta>-Element. Natürlich können auch die anderen in diesem Artikel erwähnten Dinge als Metadaten betrachtet werden. Es gibt viele verschiedene Arten von <meta>-Elementen, die in das <head>-Element eingefügt werden können, aber wir werden nicht versuchen, sie alle zu erklären, da dies nur Verwirrung stiften würde. </p>
<pre class="brush:php;toolbar:false"><meta charset="utf-8"></pre>
<h2></h2>
<p>Dieses Element gibt einfach die Zeichenkodierung des Dokuments an – den Zeichensatz, der in diesem Dokument verwendet werden darf. utf-8</p> ist ein universeller Zeichensatz, der die meisten Zeichen in jeder menschlichen Sprache enthält. Das bedeutet, dass Ihre Webseiten in jeder Sprache angezeigt werden können; viele <meta><ul class=" list-paddingleft-2">-Elemente enthalten Namens- und Inhaltsattribute. Das <li>
<p><br><br>name-Attribut gibt den Typ des Metaelements an; Beschreibt, welche Art von Informationen dieses Element enthält. </p>content gibt den tatsächlichen Metadateninhalt an. </li>Diese beiden Metaelemente sind nützlich, um den Autor Ihrer Seite zu definieren und eine Beschreibung des Seiteninhalts bereitzustellen. </ul>
<pre class="brush:php;toolbar:false"><meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications."></pre>
<p><br><br>Die Angabe von Autoren kann in bestimmten Situationen nützlich sein: wenn Sie den Autor einer Seite kontaktieren müssen, um Fragen zum Inhalt der Seite zu stellen. </p> Einige Content-Management-Systeme können die Informationen des Seitenautors automatisch abrufen und diese dann für bestimmte Zwecke verwenden. <ul class=" list-paddingleft-2"> Es ist sinnvoll, eine Beschreibung des Seiteninhalts anzugeben, die Schlüsselwörter zum Seiteninhalt enthält, da Ihre Seite dadurch möglicherweise bei relevanten Suchanfragen in Suchmaschinen besser angezeigt wird (diese Aktionen werden als <li> Suchmaschinenoptimierung oder SEO bezeichnet). .)<p><br><br><br>Benutzerdefinierte Symbole zu Ihrer Website hinzufügen</p>
<pre class="brush:php;toolbar:false"><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></pre>
</li>CSS und JavaScript auf HTML anwenden</ul>
<pre class="brush:php;toolbar:false"><link rel="stylesheet" href="my-css-file.css"></pre>
<h2> Das </h2>
<h2><link> Das ;-Element befindet sich häufig am Kopf des Dokuments. Es verfügt über zwei Attribute, die angeben, dass es sich um das Stylesheet des Dokuments handelt, und </h2> href, das den Stylesheet-Pfad enthält. Der Abschnitt <ul class=" list-paddingleft-2"><li><p><pre class="brush:php;toolbar:false"><script src="my-js-file.js"></script><br><script> muss sich vielmehr am Ende des Dokuments befinden </body> ; tag) ist eine bessere Wahl </ul> , die sicherstellt, dass der Browser den HTML-Inhalt vor dem Laden des Skripts analysiert hat (wenn das Skript ein nicht vorhandenes Element lädt, meldet der Browser einen Fehler). <ul class=" list-paddingleft-2"><li><p><br/>Legen Sie die primäre Sprache für das Dokument fest </p><pre class="brush:php;toolbar:false"><html lang="en-US"><h2>Dies ist in vielerlei Hinsicht nützlich. Ihr HTML-Dokument wird von Suchmaschinen effizienter indiziert </h2>, wenn seine Sprache richtig eingestellt ist (z. B. damit es in sprachspezifischen Ergebnissen korrekt angezeigt wird). Dies ist für Benutzer von Bildschirmleseprogrammen hilfreich. Auch für sehbehinderte Menschen nützlich (z. B. <ul class=" list-paddingleft-2"> Das Wort „six“ kommt sowohl im Französischen als auch im Englischen vor, die Aussprache ist jedoch völlig unterschiedlich. <li><p><br><br>Verwandte Empfehlungen: </p></li>
</ul>Verwendung des Video-Tags in HTML5: So füllen Sie das übergeordnete Div-Tag automatisch aus </h2>
<p class="post-topheader custom- pt0"></p>
<p class="post-topheader custom- pt0"><a href="http://www.php.cn/html5-tutorial-407893.html" target="_blank" title="Html5中video标签的用法：如何自动填充满父div标签"> Was ist der Beschriftungscode der HTML-Senden-Schaltfläche und wie wird er verwendet? (Beispiel) </a></p>
<p class="post-topheader custom- pt0"><a href="http://www.php.cn/div-tutorial-408203.html" target="_blank" title="html提交按钮标签代码是什么，怎么使用？（示例）">Wie füge ich benutzerfreundliche Links in die HTML-Seite ein? (Codebeispiel) </a></p><p>Das obige ist der detaillierte Inhalt vonWas ist das Head-Tag? Einführung in das Head-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Was ist der Beschriftungscode der HTML-Senden-Schaltfläche und wie wird er verwendet? (Beispiel)" href="https://m.php.cn/de/faq/408203.html">Was ist der Beschriftungscode der HTML-Senden-Schaltfläche und wie wird er verwendet? (Beispiel)</a></span><span>Nächster Artikel：<a class="dBlack" title="Was ist der Beschriftungscode der HTML-Senden-Schaltfläche und wie wird er verwendet? (Beispiel)" href="https://m.php.cn/de/faq/408215.html">Was ist der Beschriftungscode der HTML-Senden-Schaltfläche und wie wird er verwendet? (Beispiel)</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="https://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
var _times = times || -1, //100次
_interval = interval || 20, //20毫秒每次
_self = this,
_selector = this.selector, //选择器
_iIntervalID; //定时器id
if( this.length ){ //如果已经获取到了，就直接执行函数
func && func.call(this);
} else {
_iIntervalID = setInterval(function() {
if(!_times) { //是0就退出
clearInterval(_iIntervalID);
}
_times <= 0 || _times--; //如果是正数就 --
_self = $(_selector); //再次选择
if( _self.length ) { //判断是否取到
func && func.call(_self);
clearInterval(_iIntervalID);
}
}, _interval);
}
return this;
}
$("table.syntaxhighlighter").wait(function() {
$('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
$(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>
