If you don't know what an element is or how you must use it, I recommend you read the "HTML tags and attributes" tutorial that you can find in the HTML tutorials section.
Table of contents
wbr element represents a line break opportunity. This element can become very useful in situations where the comprehension of the information can be affected by missplaced line breaks. Thanks to it, authors can specify where the line breaks, if any, should be produced.
In the following example, line break opportunities are placed along a very long word. This will allow browsers to break the word as necessary in situations where it can be displayed completely in one line (because of, for example, space availability).
<p>Then you have to invoke the function <code>take<wbr>These<wbr>Two<wbr>Values<wbr>And<wbr>Make<wbr>A<wbr>Very<wbr>Complex<wbr>Operation<wbr>With<wbr>Them(int a, int b)</code> and pass the two results you obtained before.</p>
Then you have to invoke the function
take and pass the two results you obtained before.
Now, in this example the author intentionally defines some line break opportunities where they better adapts to the information shown. In this case (a declaration of multiple variables in a programming language) it's better not to break the line in the assignments (the parts with the equal sign).
<pre><code>var i = 0, <wbr>a = 10, <wbr>b = 20, <wbr>c = 30, <wbr>radius = 200, <wbr>xCoord = 500, <wbr>yCoord = 1500, <wbr>sampleNumber = 5, <wbr>waterTemperature = 100, <wbr>atmPressure = 50;</code></pre>
var i = 0,
a = 10, b = 20, c = 30, radius = 200, xCoord = 500, yCoord = 1500, sampleNumber = 5, waterTemperature = 100, atmPressure = 50;
For information about global attributes refer to this list of global attributes in HTML5.
For information about global events refer to this list of global events in HTML5.