{"id":268,"date":"2023-01-11T08:00:00","date_gmt":"2023-01-11T07:00:00","guid":{"rendered":"https:\/\/www.fuhselab.de\/?p=268"},"modified":"2023-08-30T10:39:09","modified_gmt":"2023-08-30T08:39:09","slug":"html-metaangaben","status":"publish","type":"post","link":"https:\/\/www.fuhselab.de\/index.php\/2023\/01\/11\/html-metaangaben\/","title":{"rendered":"HTML Metaangaben"},"content":{"rendered":"\n<p>Mit CSS Hintergrundgrafik hat der Webdesign Workshop sein offizielles Ende erreicht. Nun geht es aber mit ausgew\u00e4hlten Themen weiter\u2026Dieser Artikel betrachtet die Metaangaben\u2026<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Metaangaben:<\/strong><\/p>\n\n\n\n<p>Innerhalb des head-Elementes k\u00f6nnen auch Metaangaben gemacht werden.<\/p>\n\n\n\n<p>In einigen bisherigen Projekten sind vermutlich auch schon Metaangaben eingebaut. Hier sollen sie nun intensiv dokumentiert werden\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;meta charset=\u201cUTF-8\u2033&gt;<\/li>\n<\/ul>\n\n\n\n<p>Die wichtigsten Angaben sind wohl die Metaangaben f\u00fcr Autor, Beschreibung und Schl\u00fcsselw\u00f6rter. Die Datumsangabe habe ich noch nicht mit Inhalt gef\u00fcllt. Die \u201erobots\u201c Angabe ist auf index, nofollow gestellt. Suchmaschinen sollen also diese Seite durchsuchen aber keinen Hyperlinks folgen\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;meta name=\u201cauthor\u201c content=\u201cHans Mustermann\u201c&gt;<\/li>\n\n\n\n<li>&lt;meta name=\u201cdescription\u201c content=\u201cBeschreibung\u201c&gt;<\/li>\n\n\n\n<li>&lt;meta name=\u201ckeywords\u201c content=\u201cSchl\u00fcsselwort 1, Schl\u00fcsselwort 2\u2033&gt;<\/li>\n\n\n\n<li>&lt;meta name=\u201cdate\u201c content=\u201c[Datum\/Uhrzeit]\u201c&gt;<\/li>\n\n\n\n<li>&lt;meta name=\u201crobots\u201c content=\u201cindex,nofollow\u201c&gt;<\/li>\n<\/ul>\n\n\n\n<p><strong>Logische Beziehungen:<\/strong><\/p>\n\n\n\n<p>Neben den Metaangaben gibt es auch logische Beziehungen. Neben den Meta-Angaben k\u00f6nnen auch logische Beziehungen per \u201elink rel-Elementen\u201c angegeben werden.<\/p>\n\n\n\n<p>Die Verbindung zwischen HTML und CSS wird etwa durch ein solches \u201elink rel-Element\u201c realisiert.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;link rel=\u201cstylesheet\u201c href=\u201c01_CSS\/01_zentrale.css\u201c type=\u201ctext\/css\u201c \/&gt;<\/li>\n<\/ul>\n\n\n\n<p>Dar\u00fcber hinaus gibt es noch viele andere logischen Beziehungen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;link rel=\u201cshortcut icon\u201c type=\u201cimage\/x-icon\u201c href=\u201c\/favicon.ico\u201c&gt;<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;link rel=\u201cauthor\u201c title=\u201cTitel\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n\n\n\n<li>&lt;link rel=\u201ccontents\u201c title=\u201cTitel\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n\n\n\n<li>&lt;link rel=\u201cindex\u201c title=\u201cTitel\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n\n\n\n<li>&lt;link rel=\u201csearch\u201c title=\u201cSuche\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n\n\n\n<li>&lt;link rel=\u201ccopyright\u201c title=\u201cUrheberrecht\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n\n\n\n<li>&lt;link rel=\u201cnext\u201c title=\u201cDurchsuchbarkeit\u201c href=\u201cPfad und Datei\u201c&gt;<\/li>\n<\/ul>\n\n\n\n<p>Weitere Beispiele findet man im SelfHTML Wiki\u2026<\/p>\n\n\n\n<p><strong>Pfadangaben:<\/strong><\/p>\n\n\n\n<p>Es gibt zwei M\u00f6glichkeiten f\u00fcr Pfadangaben. Absolute Pfadangaben und relative Pfadangaben.<\/p>\n\n\n\n<p>Laut SelfHTML\/Wiki ist es f\u00fcr Webprojekte empfehlenswert relative Pfadangaben zu nutzen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul&gt;\n&lt;li&gt;&lt;a href=\u201chttp:\/\/localhost\/index.php\u201c&gt;Startseite&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<p>Nachfolgend ein Beispiel f\u00fcr eine relative Pfadangabe:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul&gt;\n&lt;li&gt;&lt;a href=\u201c..\/..\/..\/index.html\u201c&gt;Startseite&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<p>Die beiden Punkte bedeuten immer \u201egehe eine Ordnerebene h\u00f6her. Im Beispiel besagt die relative Pfadangabe also \u201egehe drei Ordnerebenen h\u00f6her und dort in die Datei index.html\u201c.<\/p>\n\n\n\n<p>Die Anzahl der Ordnerebenen und die Ordnernamen und Dateinamen d\u00fcrfen dann nat\u00fcrlich nicht ge\u00e4ndert werden, sonst n\u00fctzt auch die beste relative Pfadangabe nichts mehr.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit CSS Hintergrundgrafik hat der Webdesign Workshop sein offizielles Ende erreicht. Nun geht es aber mit ausgew\u00e4hlten Themen weiter\u2026Dieser Artikel betrachtet die Metaangaben\u2026<\/p>\n","protected":false},"author":1,"featured_media":53,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[23],"class_list":["post-268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-webdesign-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":3,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/268\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/268\/revisions\/362"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/53"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}