HTML实用技能整合【原】 2016-03-14

编码规范

<!-- 元素的属性按照以下顺序编写 -->
<!-- class -> id -> name -> data-* -> type, href, src, title  -> other -->

<!-- 部分元素属性使用固定的写法 -->
<!--
    <input type="text" name="" id="" class="" value="" placeholder="">

    <link rel="stylesheet" type="text/css" href="">

    <script type="text/javascript" src=""></script>

    <a href="" class="" id="">
-->

<!-- 单标签元素尾部不要添加"/" -->

<!-- 元素的自带属性只写属性名就可以了，例如： -->
<!--
    <input type="text" readonly disabled>

    <input type="checkbox" checked>
-->

<!-- 空链接统一使用 href="javascript:", 而不是href="###",也不是href="javascript:void(0)" -->

<!-- 行内样式标签使用<style></style>，行内脚本标签使用<script></script> -->

全角空格

开启中文输入法，在全角状态下输入的空格可以代替html中的多个连续的&nbsp，它在网页中所占的宽度相当于一个中文字符的宽度。

网页元素被屏蔽

元素的class或id, class或id中按"-", "_"分割的单词不可以是ad, adv或advertisement，否则该元素可能会被浏览器的Adblock Plus插件屏蔽。

只有一个input元素的表单，按回车键自动提交

在表单内如果只有一个input元素且该元素获取了焦点，按下回车键，该input元素会被浏览器当成submit类型的元素从而提交表单；

在表单内在添加一个hidden类型的input即可屏蔽浏览器的这个功能。