target=blank

Källnod: 889496

Får det ditt öga att rycka lite? Som... det är ett stavfel. Det borde vara target="_blank" med ett understreck för att starta värdet. Som i…

<a target="_blank" href="https://codepen.io"> Open CodePen in a New Tab
</a>

Hej, det är korrekt syntax!

När det gäller no-understreck target="blank", den blank del är bara en namn. Det kan vara vad som helst. Det kan vara target="foo" eller kanske för att förebåda syftet här: target="open-new-links-in-this-space".

Skillnaden:

  • target="_blank" är ett speciellt nyckelord som öppnar länkar på en ny flik varje tid.
  • target="blank" kommer att öppna den först klickade länken i en ny flik, men alla framtida länkar som delar target="blank" kommer att öppna i det Samma nyöppnad flik.

Jag visste aldrig detta! Jag krediterar denna tweetförklaring.

jag skapade en mycket grundläggande demosida för att visa upp funktionen (koda). Se när en ny flik öppnas när jag klickar på den första länken. Sedan, efterföljande klick från antingen också öppna fliken öppna den länken i den nya andra fliken.

Varför?

Jag tror att användningsfallen här är få och långt emellan. Fan, det är jag inte ens ett stort fan av target="_blank". Men här är en jag skulle kunna tänka mig: dokumentation.

Säg att du har en webbapp där människor aktivt arbetar. Det kan vara vettigt att öppna länkar till dokumentation från den appen på en ny flik, så att de inte navigerar bort från aktivt arbete. Men du kanske tror att de inte behöver en ny flik för varje dokumentationslänk. Du kan göra som...

<a target="codepen-documentation" href="https://blog.codepen.io/documentation/"> View CodePen Documentation
</a> <!-- elsewhere --> <a target="codepen-documentation" href="https://blog.codepen.io/documentation/"> About Asset Hosting
</a>

Källa: https://css-tricks.com/targetblank/

Tidsstämpel:

Mer från CSS-tricks