suchen
HeimWeb-FrontendCSS-TutorialDie Webseite wird in einem neuen Fenster geöffnet. target=_blank entspricht nicht den Standards_Experience-Austausch

„Es gibt kein Attributziel für dieses Element (in dieser HTML-Version)“

Ursprünglich unter HTML4.01/XHTML1.0/XHTML1.1 strenger DOCTYPE, target="_blank", target="_self" Die Syntax ist ungültig und wir können sie nur über JavaScript implementieren.

Ein Freund fragte, warum target="_blank" nicht verwendet werden darf? Dieses Attribut ist sehr praktisch. Haha, ich weiß nicht, was die W3C-Experten denken. Soweit ich weiß, geht es hauptsächlich um „Benutzerfreundlichkeit und Freundlichkeit“, weil Ausländer es für unhöflich halten, ein neues Fenster ohne Zustimmung des Benutzers oder klare Aufforderungen zu öffnen. von. Unabhängig davon, ob diese Stornierung sinnvoll ist oder nicht, schauen wir uns die Lösung an.

rel-Attribut
HTML4.0 fügt ein neues Attribut hinzu: rel. Dieses Attribut wird verwendet, um die Beziehung zwischen dem Link und der Seite, die den Link enthält, sowie das Ziel der Linköffnung zu beschreiben. rel hat viele Attributwerte, wie z. B. „nächster“, „vorheriger“, „Kapitel“, „Abschnitt“ usw. Was wir verwenden möchten, ist das Attribut rel="external". Der Code, der ursprünglich so geschrieben wurde:


Neues Fenster öffnen


Jetzt sollte er so geschrieben sein: Neues Fenster öffnen

Dies ist eine strenge Standardmethode. Natürlich muss es mit einem Javascript kombiniert werden, um effektiv zu sein.

Javascript
Der vollständige Code JS lautet wie folgt:

function externallinks() {
if (!document.getElementsByTagName) return; (" a");
for (var i=0; i var Anchor = Anchors[i]; Anchor.getAttribute("rel") == "external")
Anchor.target = "_blank"; }
}
window.onload = externallinks

Sie können es als .js-Datei speichern (z. B. external.js) und es dann über die externe Verbindungsmethode aufrufen:


Das ist alles.

Schließlich ist das von meiner Website verwendete target="new" unter dem Übergangs-DOCTYPE zulässig, erfüllt jedoch nicht den strengen Standard. Ich werde in der nächsten Überarbeitung den strikten Modus verwenden und alle target="new" in rel="external" ändern.

Dieser Artikel bezieht sich auf die folgenden Artikel:

"New-Window links in a Standards-Compliant World" von Kevin Yank
"Standards-based Replacement for target="_blank" in Externe Links 》
Aktualisiert am 13.07.2006
Die Homepages vieler Portal-Websites sind meiner Meinung nach vorerst nicht zu ändern, zumindest in China Um rel unter jedem Link hinzuzufügen, lautet der vollständige Code wie folgt:



Stellungnahme
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
PHP函数库设计的原则和标准PHP函数库设计的原则和标准Jun 16, 2023 am 11:37 AM

随着PHP在Web开发中的重要性不断提高,PHP函数库设计也成为了开发中的关键问题之一。好的函数库不仅可以提高开发效率,还能保证代码的质量和可维护性。因此,设计函数库需要遵循一些基本原则和标准。一、可重用性好的函数库应该是可重用的,可以在不同的项目中使用。因此,函数应该是抽象的、通用的,不能和特定的项目或场景捆绑在一起。二、易用性函数库应该易于使用,传递参数

有关通用人工智能需要知道的事项有关通用人工智能需要知道的事项May 09, 2023 pm 02:25 PM

最近,关于生成式人工智能工具的讨论越来越多,特别是在多个大型语言模型和图像生成器(如DALL-E或Midjourney)发布之后。这些发明再次将通用人工智能(GPAI)置于人们的关注的目光下,并再次提出了诸如GPAI是否应该受到监管等假设性问题。在人们进一步探索可能性之前,首先了解GPAI的概念,它的含义,它是什么时候引入的等等。什么是通用人工智能?两年前,也就是2021年4月,欧盟委员会推出了通用人工智能。最初的人工智能法案提案免除了通用人工智能创建者遵守一些法律文书和其他责任标准的责任。原因

解析粘性定位的基准与核心要求:一个深入探讨解析粘性定位的基准与核心要求:一个深入探讨Jan 28, 2024 am 08:07 AM

粘性定位的标准是指在市场竞争中,一个企业或品牌能够长期占据消费者心智中的固定位置,并能够稳定地保持市场份额和品牌忠诚度的能力。粘性定位是市场营销中的一个重要概念,它强调在激烈竞争的市场环境中,企业需要建立自己独特的定位,并与消费者建立紧密的关系,以保持竞争优势。粘性定位的核心要求包括以下几个方面:独特性:一个企业或品牌在市场上的定位必须是独特且与竞争对手有所

哪些标准可以用来对 PHP 函数进行分类?哪些标准可以用来对 PHP 函数进行分类?Apr 19, 2024 am 09:30 AM

PHP函数可按多种标准分类:目的(字符串处理、数组处理等)、作用域(内置函数、用户自定义函数)和返回值(有返回值、无返回值)。实战案例:explode()函数可将字符串以指定分隔符分割成数组。

解密粘性定位的关键要素:如何评估粘性定位的准则?解密粘性定位的关键要素:如何评估粘性定位的准则?Jan 28, 2024 am 10:39 AM

如何判断粘性定位的标准?揭秘粘性定位的关键要素导语:粘性定位作为一种市场定位策略,对企业的品牌推广和市场竞争起到至关重要的作用。然而,如何判断粘性定位的标准却是一个让人头痛的问题。本文将揭秘粘性定位的关键要素,帮助企业更好地判断粘性定位的标准。一、认清粘性定位的意义粘性定位是指企业通过独特的品牌特性和核心竞争优势,使消费者产生强烈的认同和忠诚度,从而形成一种

Go语言是否符合上层语言的标准?Go语言是否符合上层语言的标准?Mar 13, 2024 am 11:39 AM

标题:Go语言是否符合上层语言的标准?近年来,Go语言作为一种新兴的编程语言受到了广泛关注和应用。作为一种静态类型、编译型的语言,Go语言在并发编程、内存管理和代码可读性方面具有独特的优势,但在一些程序员眼中,它并不完全符合上层语言所应该具备的标准。本文将从几个方面探讨Go语言是否符合上层语言的标准,并结合具体的代码示例展开讨论。一、代码简洁性上层语言通常被

深入探讨PHP的标准标记深入探讨PHP的标准标记Mar 29, 2024 pm 03:39 PM

在Web开发中,PHP是一种被广泛应用的编程语言,它的标准标记是PHP代码中的特殊标记符号,用于标识PHP代码的开始和结束。深入了解PHP的标准标记是非常重要的,因为它们直接影响着PHP代码的解析和执行过程。本文将深入探讨PHP的标准标记,并提供具体的代码示例,帮助读者更好地理解和运用PHP编程。一、PHP的标准标记在PHP中,最常用的标准标记是“

粘性定位的标准及粘性定位的要素和要求分析粘性定位的标准及粘性定位的要素和要求分析Feb 02, 2024 pm 12:36 PM

粘性定位是一种常见的网页布局技术,通过使元素在滚动时保持固定位置,提供更好的用户体验。本文将解析粘性定位的标准、要素和要求,并提供具体代码示例。一、粘性定位的标准兼容性:粘性定位应在主流浏览器上正常工作,如Chrome、Firefox、Safari等。滚动效果:元素在滚动时应平滑过渡,避免出现闪烁或抖动的情况。响应式设计:粘性定位应适应不同设备和屏幕大小,确

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

SecLists

SecLists

SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!