QWT2

链接与图片

• 链接

  http://www.example.com/post/2016/fe.html?print=1&color=no#heading
  

• 省略协议

  <a href=""po.ssl.qhing.com/tutugjhbj.png>查看图片</a>
  

  • 会根据你当前页面的协议决定标签内的协议是什么

  • 减少字节数

• 省略协议和 host

  <a href="/index.html">返回首页</a>
  

• 在 chrome 下选中某个元素在 console 下输入 $0 可以访问这个元素

• 一般用绝对路径

  • /a/b/c 前面省略的是主机名，从根目录写起

  • 最好不要用 ../a/c/b

    a href = "#"回到页面的顶部
    
    <a href = "#test"></a> <p id="test"></p> 
    

• 链接目标

  • target = “_self” 默认值从当前窗口打开

  • target = “_blank” 新窗口打开

  • target = “abc” 也可以是一个固定值

    • 固定值的意思是所有打开的窗口都在同一个页面上

• 推荐在 img 标签上添加　alt 表示替代文字，在图片加载不出来的时候，显示这个文字

• 推荐在 img 标签上增加 height 和 width 属性，尽量不要在 css 里指定

• 如果图片有说明，建议把图片包裹在 figure属性中

表单

get 和 post 请求的区别

• get 操作比较安全，不会对服务器数据进行改动

• 每次提交东西，都会对服务器数据进行修改

• get 请求有可能是缓存的，在各个中间环节

• post 请求永远不会被缓存，语义上的区别

• 数据传输的方式有区别

• get 会把数据直接放在 url 中一次性进行发送

• post 会在 url 中看不到，会在 http的 body 中显示

• 为何要用 label 标签？ 可用性上有非常大的作用

• 在上传文件时，可以增加一个选项 accept=”image/*” 可以只提交图片

• button 的默认值是 submit 不指定 button 的类型默认的是提交

• disabled 的数据不会提交的服务器，readonly,数据会提交到服务器，只是改不了

• 表单设计原则

  • 帮助用户不出错

  • 尽早提示错误

  • 扩大选择区域

  • 控件较多时分组

  • 主要动作和次要动作