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
      • 网址
        • http://www.google.com
        • Https://www.google.com
        • //www.google.com 无协议打开,建议使用此方式
      • 路径
        • 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)无缓存打开