HTML基础标签总结

  所谓HTML语义化指的是,根据网页中内容的结构,选择适合的HTML标签进行编写。
 
  好处:
 
  在没有CSS的情况下,页面也能呈现出很好的内容结构有利于SEO,让搜索引擎爬虫更好的理解网页方便其他设备解析(如屏幕阅读器盲人阅读器)便于团队开发与维护
 
  img -> 单标签
 
  src : 引入图片的地址。alt : 当图片出现问题的时候,可以显示一段友好的提示文字。title : 提示信息width、height : 图片的大小
 
  补充:图片 title 和 alt区别:
 
  alt:
 
  1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户,以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候,图片的替换文字。
 
  2、alt属性值得长度必须少于100个英文字符
 
  3、alt属性是img标签的必须属性,如果没有特别意义的图片,可以写alt=””
 
  4、alt属性是搜索引擎判断图片与文字是否相关的重要依据,alt属性添加到img主要的目的才是为了SEO
 
  title:
 
  1、title属性并不是必须的。
 
  2、title属性规定元素的额外信息,有视觉效果,当鼠标放到文字或是图片上时有文字显示。
 
  3、title属性并不作为搜索引擎抓取图片的参考,更多倾向于用户体验的考虑。
 
  a -> 双标签
 
  属性
 
  href属性 : 链接的地址target属性 : 可以改变链接打开的方式,默认情况下:在当前页面打开 _self 新窗口打开 _blanktitle = ‘文本提示’ 拓展:
 
  rel = ‘nofollow’ nofollow简介
 
  base -> 单标签 :作用就是改变链接的默认行为的。(在head里设置)
 
  两种做法
 
  #号 + id属性
 
  #号 + name属性(注意name属性加给的是a标签)
 
  特殊字符含义特殊字符代码空格符&nbsp?版权&copy?空格符&reg<小于号&lt>大于号&gt&和号&amp¥人民币&yen℃摄氏度&deg
 
  (1) 无序列表
 
  (2)有序列表
 
  type:规定列表中的列表项目的项目符号的类型
 
  语法:
 
  1 数字顺序的有序列表(默认值)(1, 2, 3, 4)。a 字母顺序的有序列表,小写(a, b, c, d)。A 字母顺序的有序列表,大写(A,B,C,D)i 罗马数字,小写(i, ii, iii, iv)。I 罗马数字,大写(i, ii, iii, iv)。
 
  start 属性规定有序列表的开始点。(start的属性值必须是数字)
 
  语法:
 
  (3)自定义列表
 
  (1)表格基本结构
 
  (2)表格标签
 
  (1)表单标签
 
  属性 :
 
  action = ‘接口地址’method = ‘get / post’name = ‘表单名称’
 
  属性:
 
  type = ‘控件类型’name:属性标识表单域的名称;value:属性定义表单域的默认值,其他属性根据type的不同而有所变化。maxlength:控制最多输入的字符数,size:控制框的宽度(以字符为单位)
 
  div (块): div全称divison,“分割、分区”的意思,标签用来划分一个区域,相当于一块区域容器,可以容纳段落、标题、表格、图像等各种网页元素。span(内联) : 对文字进行修饰的内联。
 
  div与span都默认没有任何样式,需要结合css
 
  黄方框框住的就是内联span里的内容,可以单独为它设置样式。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61652.shtml

张贴在2