Today I Learned - Rocky Kev

TIL the wbr element

POSTED ON:

TAGS: mdn html css

<wbr> is a HTML element that represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location.

It looks like this:

<!-- normal -->
<p>https://subdomain.somewhere.co.uk</p>

<!-- <wbr> -->
<p>https://subdomain<wbr>.somewhere<wbr>.co<wbr>.uk</p>

Is it useful? Meh.

I highly recommend reading the original post and instead, do line-breaks with CSS! (Or not. I"m not a cop.)

Via Deep Dive into Text Wrapping and Word Breaking

MDN page

Related TILs

Tagged: mdn

TIL fancy methods to transform Javascript Objects

You can use Object.entries(), Object.keys(), Object.fromEntries()...

TIL How to steal localData using an XSS attack

But that's just a red flag that opens the door to bigger issues.

TIL Clear-Site-Data

The Clear-Site-Data header clears browsing data (cookies, storage, cache) associated with the requesting website. It allows web developers to have more control over the data stored by a client browser for their origins.