img标签中alt属性和title属性的区别

  • alt是图片加载失败时的提示文本，只能用于img标签
  • title是鼠标浮于图片上时显示的文本，可用于其他标签

标签分类和特点

  • 块元素（代表元素:h1-h6,p,div,ul,ol,li）
    特点：独占一行，没有设置宽度的情况下，默认宽度为父元素宽度的百分百，可以设置宽高
  • 行内元素（代表元素：span，格式化标签）
    特点：一行多个，宽度为文本内容的宽度，不可以设置宽高
  • 行内块元素（代表元素：img，input）
    特点：一行多个，宽度为内容的宽度，可以设置宽高

超链接的四种状态

注意:必须按照爱恨原则（lvha）的顺序：:link,:visited,hover,active

  • :link 未被访问的状态，蓝色，a标签私有
  • :visited 访问后的状态，紫色，a标签私有
  • :active 被激活的状态，红色，a标签私有
  • :hover 表示鼠标浮上的一种状态，适用于所有标签

锚链接

  • 使用a标签的href属性和其他标签的id属性相结合，给a标签的href属性加‘#名称’，给要跳转到的目标标签添加id属性，值为a标签href属性值的#后的名称<a href ="#first">概述</a> <h2 id="first">概述</h2>
  • 使用a href和a name
    <a href="#名称">概述</a> <a name="名称"></a> <h2>概述</h2>

name和value在网络传输中的作用

  • name（给input框取一个名i）：传输数据的载体
  • value（给表单元素一个默认值）：传输的数据值，当没有设置value默认值时，则输入的值就是value值，单选框和复选框的值是on

post和get请求的区别

  • get请求的数据拼接在地址后面post请求的数据页面不可见，需要通过F12-network-点击服务器地址-headers-from data中查看到post请求发送的数据
  • get请求数据不安全，poat比较安全
  • get传输的数据长度有限，而post不限制长度

label标签的作用

label标签用来与input表单元素产生关联，发生聚焦

  • 把要聚焦的内容放在label中<label><输入框的内容></label>
  • 使用label的for属性和input的id属性
    <label for="user">用户名：</label> <input id="user" 其他属性>

input标签常用的type属性的取值

  • text：单行文本框
  • password：密码框
  • radio：单选框（互斥用相同的name属性）
  • checkbox：复选框（产生关联用相同的name属性）
  • file：文件域
  • hidden：隐藏域
  • image：图片域（必须加src属性，点击提交数据时，值为鼠标点击时的坐标值）
  • button：普通按钮（不提交数据）
  • submit：提交按钮
  • reset：重置按钮

语义化标签

  • 语义更明确
  • 浏览器更快