Html5基础总结

HTML5 讲义

章节标签

  • 标题 h1~h6
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁枝内容 aside
  • 划分 div

全局属性

  • class
  • Contenteditable 表示可以编辑
  • hidden
  • id
  • style
  • tabindex 表示可以用 tab 进行选择,tab 时会按照 index 递增顺序访问,0 为最后一个(不是第一个),-1 则为用 tab 永远无法访问
  • title

内容标签

  • ol + li
  • ul + li
  • dl + dt + dd
  • pre
  • hr
  • br
  • a
  • em
  • strong
  • code
  • quote
  • blockquote

HTML 重点标签

  • a 标签

    • 属性
      • herf
        • 网址
        • 路径
          • a/b/c 开启服务器后注意此时根目录为开启服务的文件夹
        • 伪协议
          • javascript:代码 现在使用的主要是 javascripte:;
          • #id 跳转到指定 id 位置
          • mailto:邮箱
          • tel:手机号
      • target
        • _blank
        • _self
        • _top 结合 iframe 理解
        • _parent 结合 ifame 理解
      • download 理论上下载
      • rel=noopener
    • 作用
      • 跳转外部页面
      • 跳转到内部锚点
      • 跳转到邮箱或者电话
  • table 标签

    • 样式
      • table-layout
      • border-collapse
      • boder-spacing
  • img 标签 发出 get 请求,使用一张图片

    • 属性
      • src
      • alt
      • height 只写数字就可以
      • width 只写数字就可以
    • 事件
      • onload
      • onerror
    • 响应式
      • max-width=100%
    • img 是一个可替换元素,也就是说展现效果不由 css 控制,css 可以影响替换元素的位置,但是不能影响可替换元素本身的内容 可替换元素 MDN
  • form 标签 发出 get 或者 post 请求,然后刷新页面

    • 属性
      • action
      • autocomplete
      • method
      • target
    • 事件
      • onsubmit
    • Input:submit 和 button 区别在于 button 可以包裹其他元素,而 input:submit 不能,另外一个 form 内必须有一个 submit 标签,只有一个 button 且该 button 没写 type 时那么这个 button 就会有 submit 的作用
  • input 标签

    • 验证器

其他问题

安装 http-sever 来打开文件,http-server 的安装和使用 - 简书 (jianshu.com) http-server -c-1(简写 hs -c-1)无缓存打开


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!