码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-04-11 18:21:27      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

编码规范
 
<!-- 元素的属性按照以下顺序编写 -->
<!-- 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即可屏蔽浏览器的这个功能。
 

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

标签:

原文地址:http://www.cnblogs.com/happyfreelife/p/5379271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!