李霖弢
李霖弢

html概括

核心

  • 语义

  • 声明文档类型为html5 , 不基于SGML (通用标言) , 不需要DTD 引用 , 但是需要doctype规范浏览器行为(例如不使用怪异模式)
  • html4.01基于SGML , 因此需要DTD (一系列元素定义的规范集合) 引用

注释

  • 条件注释
    • lt lte gt gte !
    • 置于head末或body初
    • 其中可以放
      1. 引用的css会在页面加载完后再加载,因此网速慢时可以先把页面显示出来,不会阻断html结构加载
      2. 方便进行模块化开发,可将多个写在某个css里,再用一个link一起引入
      @import url()
@import url()
@import url()

      路径

      • 相对路径时,js以宿主为基准,css以自身为基准;
      • 绝对路径从根目录开始(盘)

      • 为页面上的所有链接规定默认地址或默认目标,包括、、、
        ;

      • 无href时等于普通文本,不会变成pointer;
      • target='_blank'在新页面打开;默认为自身'_self';
      • 间一定要填内容,否则不显示;
      • 文本为锚点用法,url可以为网址或文件位置或者干脆不填;
        • ## 或 javascript:void(0),去除隐藏锚点
      • 文本点击执行对应js

      ;

      • 上标和下标

      • 表示缩写语义
      • 通常跟title属性

      • 双向流覆盖
      • 改变文字方向
      • 属性为 dir='ltr'或'rtl'

      列表

        • 无序列表
          1. 有序列表
          2. 定义列表

        • 属性:src frameborder

        • width='' height='' 效果同css,可仅写数字不写px
        • alt='' 为图片加载失败时的替换文本,且内容利于SEO
        • onerror='this.src="另一url"' 为图片加载失败时的替换图片
        • usemap="#+对应map的id或name" 定义客户端图像映射热区
        • ismap="#+对应map的id或name" 定义服务器端图像映射热区

        • 此时id和name必须同时存在且相等,为兼容不同浏览器

          • shape可以为rect circ poly,默认为rect
            1. rect='x1,y1,x2,y2'
            2. circ='x,y,r'
            3. poly='x1,y1,x2,y2......xn,yn'
          • 多个area重叠时先到先得,超出边界的坐标会被忽略

        *border='' cellpadding='' frame='' rules=''

        • 表格行
        • 表头
        • 单元格
        • more details

        • 自身属性:

          • action
          • method
          • target:_self / _blank(提交时新页面打开方式)
          • ==autocomplete==(仅对有name的表单元素生效,默认为on,用off关闭)
          • ==novalidate==(无值属性,使email等不再验证)

        • 表单元素通用属性:

          • name
          • disabled;

        • input 专用属性:

          • maxlength
          • readonly;
          • ==autocomplete==(仅对有name的表单元素生效,默认为on,用off关闭);
          • ==autofocus==
          • ==form==(值为对应
            的id,将该input套入该form)
          • ==formaction==(改变action目标)
          • ==formmethod==(改变method方式)
          • ==formnovalidate==(免验证)
          • ==formtarget==(仅对submit按钮生效,覆盖target方式)
          • ==max/min==(数字/日期的范围)
          • ==step==(数字/日期的间隔)
          • ==pattern==(规定输入内容的正则,无则提交时警示)
            • 如pattern=" \d+ "
            • 警示内容即title
          • ==required==(必须有值时才可以提交,无则提交时警示)
          • ==placeholder==(不支持ie9及以下)

        • readonly的元素值可以被get/post提交,通常用于一些替用户固定好的预设值;disabled的元素值无法被提交

        • 重置

        • 按钮-提交表单

        • 图片-提交表单

        • 普通

        • 提交文件

        • 隐藏

        • 密码(内容会显示成*)

        • ==自定义拾色器==

        • ====

        • ====

        • ====

        • ====

        • ==数字加上下箭头==

        • ==滑块==

        • ==搜索(仅有语义)==

        • ==submit时不合格时会有警示==

        • ==submit时不合格时会有警示==

          单/复选框

        • 选中时为checked或checked='checked';

        • js中判断为if(oInput.checked)或if(oInput.checked==true)

        • js中赋值为oInput.checked=true

        • jQ中判断为if($(ele).is(':checked'))

        • jQ中赋值为(ele).attr("checked",true);

        • jQ中有$(":checked")选择器,选中所有checked的单复选框

          • value用于兼容浏览器
          1. 缺省为submit
          3. 普通