{"id":20888,"date":"2023-03-31T00:00:00","date_gmt":"2023-03-31T00:00:00","guid":{"rendered":"https:\/\/datei.wiki\/definition\/tooltip-erklaert\/"},"modified":"2023-03-31T00:00:00","modified_gmt":"2023-03-31T00:00:00","slug":"tooltip-erklaert","status":"publish","type":"post","link":"https:\/\/datei.wiki\/definition\/tooltip-erklaert\/","title":{"rendered":"Tooltip Erkl\u00e4rt"},"content":{"rendered":"<ul class=\"articlenav\">\n<li class=\"menuitem\"><a href=\"#title1\">was ist ein Tooltip? <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title2\">Verwendung von Tooltips im Webdesign <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title3\">Erstellen von Tooltips mit HTML, CSS und JavaScript <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title4\">Die Vorteile der Verwendung von Tooltips <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title5\">Allgemeine Tooltip-Funktionen <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title6\">Zug\u00e4nglichkeitsaspekte f\u00fcr Tooltips <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title7\">Bew\u00e4hrte Praktiken f\u00fcr Tooltips <\/a><\/li>\n<li class=\"menuitem\"><a href=\"#title8\">Beispiele f\u00fcr Tooltips <\/a><\/li>\n<\/ul>\n<div class=\"articlecontent\">\n<div class=\"newlinediv\"><\/div>\n<div id=\"title1\" class=\"title\">Was ist ein Tooltip?<\/div>\n<p> Ein Tooltip ist ein kleines Pop-up-Fenster oder eine Box, die erscheint, wenn ein Benutzer mit der Maus \u00fcber ein bestimmtes Element f\u00e4hrt. Bei diesem Element kann es sich um einen Link, ein Symbol oder ein anderes Element auf einer Webseite handeln, das weitere Informationen \u00fcber den Inhalt und den Kontext liefert. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title2\" class=\"title\">Verwendung von Tooltips im Webdesign<\/div>\n<p> Tooltips sind eine gro\u00dfartige M\u00f6glichkeit, Benutzern zus\u00e4tzliche Informationen zu geben, ohne eine Webseite zu \u00fcberladen. Sie werden h\u00e4ufig verwendet, um zus\u00e4tzlichen Kontext oder Definitionen f\u00fcr Abk\u00fcrzungen, Links und Icons bereitzustellen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title3\" class=\"title\">Erstellen von Tooltips mit HTML, CSS und JavaScript<\/div>\n<p> Tooltips k\u00f6nnen mit HTML, CSS und JavaScript erstellt werden. HTML wird verwendet, um die Struktur der QuickInfo zu erstellen, CSS wird verwendet, um die QuickInfo zu gestalten, und JavaScript wird verwendet, um die QuickInfo ein- und auszublenden, wenn der Benutzer den Mauszeiger \u00fcber das Element bewegt. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title4\" class=\"title\">die Vorteile der Verwendung von QuickInfos<\/div>\n<p> QuickInfos k\u00f6nnen dem Benutzer helfen, den Kontext einer Webseite besser zu verstehen und zus\u00e4tzliche Informationen bereitzustellen, ohne ihn zu \u00fcberfordern. Sie sind auch eine gute M\u00f6glichkeit, dem Benutzer zus\u00e4tzliche Details oder Definitionen zu liefern, ohne die Seite verlassen zu m\u00fcssen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title5\" class=\"title\">Allgemeine Tooltip-Merkmale<\/div>\n<p> Zu den allgemeinen Merkmalen von Tooltips geh\u00f6ren ein Titel, Text, ein Pfeil, der auf das Element zeigt, und eine Schaltfl\u00e4che zum Schlie\u00dfen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title6\" class=\"title\">Zug\u00e4nglichkeitsaspekte f\u00fcr QuickInfos<\/div>\n<p> Bei der Erstellung von QuickInfos ist es wichtig, die Zug\u00e4nglichkeit zu ber\u00fccksichtigen. Dies bedeutet, dass sichergestellt werden muss, dass die QuickInfo f\u00fcr die Tastatur zug\u00e4nglich ist und von Menschen mit Behinderungen verwendet werden kann. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title7\" class=\"title\">Bew\u00e4hrte Praktiken f\u00fcr QuickInfos<\/div>\n<p> Bei der Verwendung von QuickInfos ist es wichtig, sie kurz zu halten und sicherzustellen, dass sie den Benutzer nicht st\u00f6ren. Es ist auch eine gute Idee, Tooltips nicht als Mittel zur Bereitstellung wichtiger Informationen zu verwenden, da die Benutzer sie m\u00f6glicherweise nicht sehen. <\/p>\n<div class=\"newlinediv\"><\/div>\n<div id=\"title8\" class=\"title\">Beispiele f\u00fcr Tooltips<\/div>\n<p> Beispiele f\u00fcr Tooltips sind auf vielen Websites zu finden. Einige g\u00e4ngige Beispiele sind die Bereitstellung von zus\u00e4tzlichem Kontext f\u00fcr Symbole, Links und Abk\u00fcrzungen.  <\/p><\/div>\n<div class=\"questions\">\n<div class=\"questionstitle\">FAQ<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was ist der Unterschied zwischen Tooltip und Popover?<\/div>\n<p> Ein Tooltip ist ein kleines, schwebendes Textfeld, das erscheint, wenn der Mauszeiger \u00fcber einem Element auf einer Webseite schwebt. Ein Popover ist eine gr\u00f6\u00dfere, robustere Version eines Tooltips, die mehr Inhalt enthalten kann.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was versteht man unter Tooltip in HTML?<\/div>\n<p> Ein Tooltip ist ein kleines Pop-up-Fenster, das erscheint, wenn der Benutzer den Mauszeiger \u00fcber ein Element, z. B. einen Link, in HTML bewegt. Der Tooltip enth\u00e4lt Informationen \u00fcber das Element, wie z. B. den Titel oder den Alt-Text.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was ist ein anderer Name f\u00fcr Symbolleiste?<\/div>\n<p> Eine Symbolleiste ist ein grafisches Steuerelement, das eine Reihe von Werkzeugen zur Durchf\u00fchrung verschiedener Vorg\u00e4nge enth\u00e4lt. Symbolleisten sind typischerweise in Textverarbeitungsprogrammen und Webbrowsern zu finden.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was ist ein anderer Name f\u00fcr ein Dashboard?<\/div>\n<p> Ein Dashboard ist eine Benutzeroberfl\u00e4che, die es dem Benutzer erm\u00f6glicht, Daten und Informationen anzuzeigen und mit ihnen zu interagieren. Dashboards werden h\u00e4ufig verwendet, um einen \u00dcberblick \u00fcber ein System, eine Anwendung oder einen Prozess zu geben.  <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Was ist eine QuickInfo beim Testen?<\/div>\n<p> Beim Testen ist eine QuickInfo ein kleines Pop-up-Fenster, das erscheint, wenn Sie den Mauszeiger \u00fcber ein Element auf einer Webseite bewegen. Die QuickInfo enth\u00e4lt Informationen \u00fcber das Element, z. B. seinen Namen, seine ID, seine Klasse usw.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>was ist ein Tooltip? Verwendung von Tooltips im Webdesign Erstellen von Tooltips mit HTML, CSS und JavaScript Die Vorteile der Verwendung von Tooltips Allgemeine Tooltip-Funktionen Zug\u00e4nglichkeitsaspekte f\u00fcr Tooltips Bew\u00e4hrte Praktiken f\u00fcr Tooltips Beispiele f\u00fcr Tooltips Was ist ein Tooltip? Ein Tooltip ist ein kleines Pop-up-Fenster oder eine Box, die erscheint, wenn ein Benutzer mit der &#8230; <a title=\"Tooltip Erkl\u00e4rt\" class=\"read-more\" href=\"https:\/\/datei.wiki\/definition\/tooltip-erklaert\/\" aria-label=\"Mehr Informationen \u00fcber Tooltip Erkl\u00e4rt\">Weiterlesen<\/a><\/p>\n","protected":false},"author":746,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[],"class_list":["post-20888","post","type-post","status-publish","format-standard","hentry","category-software-bedingungen"],"_links":{"self":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts\/20888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/users\/746"}],"replies":[{"embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/comments?post=20888"}],"version-history":[{"count":0,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/posts\/20888\/revisions"}],"wp:attachment":[{"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/media?parent=20888"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/categories?post=20888"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datei.wiki\/definition\/wp-json\/wp\/v2\/tags?post=20888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}