10个有用的HTML5功能，您可能未运用
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML5不是新事物。自从最初<span style="color: black;">颁布</span>（2008年1月）<span style="color: black;">败兴</span>，<span style="color: black;">咱们</span><span style="color: black;">始终</span>在<span style="color: black;">运用</span>它的<span style="color: black;">有些</span>功能。今天给<span style="color: black;">大众</span>分享的是<span style="color: black;">有些</span>让你意想不到的效果，和特性!到<span style="color: black;">日前</span>为止，我还<span style="color: black;">无</span>真正<span style="color: black;">运用</span>过它！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在本文中，我列出了十个HTML5我过去没用过但<span style="color: black;">此刻</span><span style="color: black;">发掘</span>有用的功能。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1. 输出标签</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><output>标签<span style="color: black;">暗示</span>的运算的结果。<span style="color: black;">一般</span>，此元素定义一个区域，该区域将用于<span style="color: black;">表示</span>某些计算得出的文本。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">代码如下:</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;"><form oninput="x.value=parseInt(a.value) * parseInt(b.value)">
<input type="number" id="a" value="0">
* <input type="number" id="b" value="0">
= <output name="x" for="a b"></output>
</form></div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">效果如下：</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;">
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/v2-d9af0161e6aa27ba53f06f406be612c7_b.jpg" style="width: 50%; margin-bottom: 20px;"></div>
</div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">小小提示</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">倘若</span>您要在客户端JavaScript中执行任何计算，并且<span style="color: black;">期盼</span>结果反映在页面上，请<span style="color: black;">运用</span><output>标记。您不必走动<span style="color: black;">运用</span><span style="color: black;">就可</span>获取元素的额外<span style="color: black;">过程</span>getElementById()。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"> 2.<span style="color: black;">仔细</span>信息标签</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">该<details>标签<span style="color: black;">供给</span>随需应变的细节给用户。<span style="color: black;">倘若</span><span style="color: black;">必须</span>按需向用户<span style="color: black;">表示</span>内容，请<span style="color: black;">运用</span>此标记。默认<span style="color: black;">状况</span>下，小部件是关闭的。打开后，它将展开并<span style="color: black;">表示</span>其中的内容。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">该<summary>标签<span style="color: black;">运用</span><details>来为它指定一个可见的标题。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">代码如下:</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;"><details>
<summary>Click Here to get the user details</summary>
<table>
<tr>
<th>#</th>
<th>Name</th>
<th>Location</th>
<th>Job</th>
</tr>
<tr>
<td>1</td>
<td>Adam</td>
<td>Huston</td>
<td>UI/UX</td>
</tr>
</table>
</details></div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">效果如下：</h3>
外链论坛的成功举办，是与各位领导、同仁们的关怀和支持分不开的。在此，我谨代表公司向关心和支持论坛的各界人士表示最衷心的感谢！ 请问、你好、求解、谁知道等。
页:
[1]