revision:
The open attribute is a boolean attribute. When present, it specifies that the details should be visible (open) to the user. If it is not present by default thesn details are not shown
Supported HTML tags: <details> and <dialogue>.
<details open></details>
Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.
codes:
<details style="margin-left:3vw;" open>
<summary>Epcot Center</summary>
<p class="spec">Epcot is a theme park at Walt Disney World Resort featuring exciting
attractions, international pavilions, award-winning fireworks and seasonal
special events.</p>
</details>
Hi! I'm a paragraph element with some dummy text
codes:
<h4 style="margin-left:3vw;" >HTML low attribute demo</h4>
<details style="margin-left:3vw;" open>
<summary>Hi! I'm a summary element</summary>
<p class="spec" style="margin-left:3vw;" >Hi! I'm a paragraph
element with some dummy
text</p>
</details>
The optimum attribute specifies the range where the gauge's value is considered to be an optimal value.
The optimum attribute can be used on the following element: <meter> and must be within the range i.e between min and max. When it is used with the "low"and "high" attribute, it gives an indication where along the range it is considered preferable.
<meter optimum="number"></meter>
number: specifies a floating point number that is the optimal value of the gauge
codes:
<p class="spec"><label for="yinyang">Yin Yang:</label>
<meter id="yinyang" value="0.3" high="0.9" low="0.1"
optimum="0.5"></meter></p>
optimum value below low and high:
optimum value between low and high:
optimum value above low and high:
codes:
<p class="spec"> optimum value below low and high:
<meter value="0.6" max="0.9" min="0.1" optimum="0.1"
high = "0.5" low = "0.2"></meter>
</p>
<p class="spec">optimum value between low and high:
<meter value="0.6" max="0.9" min="0.1" optimum="0.4"
high = "0.5" low = "0.2"></meter>
</p>
<p class="spec">optimum value above low and high:
<meter value="0.6" max="0.9" min="0.1" optimum="0.6"
high = "0.5" low = "0.2"></meter>
</p>