【HTML】html 小技巧

1. 导航区域

利用<nav>元素

</pre><pre name="code" class="html"><nav>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</nav>

2. 相对地址

</pre>***/***：正常检索<p></p><p>../：寻找上级目录</p><p>/***：回到根目录检索</p><p></p><p>3. 表单中 placeholder 提供示例输入</p><p>placeholder 既可以显示默认值，又可以在获得焦点后停止显示。</p><p><pre name="code" class="html"><form>
    <p>Username:<br>
        <input type="text" value="" placeholder="Rob William">
    </p>
    <p>Password:<br>
        <input type="password" value="">
    </p>
</form>

要注意的是旧浏览器对新特性的支持问题，可以用 js 库中的填平剂（polyfill）弥补。运行初始化示例：

<script src="Placeholders.js"></script>
<script>
    Placeholders.init();
</script>