wbr element

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.


The 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 takeTheseTwoValuesAndMakeAVeryComplexOperationWithThem(int a, int b) 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;


Global attributes

For information about global attributes refer to this list of global attributes in HTML5.


Global events

For information about global events refer to this list of global events in HTML5.