程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML

    • 标签
    • 表单标签
    • div标签
    • iframe标签
    • HTML5基础
      • 语义化标签
      • 多媒体标签
        • video
        • audio
      • input类型
      • 表单属性
    • HTML总结
  • CSS

  • JavaScript

  • GO

  • 正则表达式

  • java

  • TypeScript

  • react

  • 前端知识

  • jQuery

  • Python

  • C和C++

  • 前端和后端
  • HTML
yuadh
2021-08-30
目录

HTML5基础

# 语义化标签

  • header 头部标签
  • nav 导航标签
  • article 内容标签
  • section 定义文档某个区域
  • aside 侧边栏标签
  • footer 尾部标签

注意

  • 这种语义化标签主要是针对搜索引擎的
  • 这些新标签页面中可以使用多次
  • 在IE9中,需要把这些元素转换成块级元素
  • 在移动端也有大量的应用

# 多媒体标签

# video

属性 值 描述
autoplay autoplay 视频自动播放(谷歌需要加muted静音播放来解决禁止自动播放问题)
controls controls 向用户显示播放控件
width 像素 设置播放器宽度
height 像素 设置播放器高度
loop loop 循环播放
preload auto(预先加载视频)none(不应加载视频) 规定是否预先加载视频
src url 视频的地址
poster imageurl 加载等待的图片
muted muted 静音播放

# audio

属性 值 描述
autoplay autoplay 自动播放
controls controls 显示播放控件
loop loop 自动播放
src url 播放地址

# input类型

属性值 说明
type="email" 输入必须为Email类型
type="url" 输入必须为URL类型
type="date" 输入必须为日期类型
type="time" 输入必须为时间类型
type="mouth" 输入必须为月类型
type="week" 输入必须为周类型
type="number" 输入必须为数字
type="tel" 手机号
type="search" 搜索框
type="color" 颜色选择表单

# 表单属性

属性 值 说明
required required 表单内容不能为空,必填
placeholder 提示文本 表单的提示信息
autofocus autofocus 自动聚焦
autocomplete off / on 记录之前有name属性提交的值 默认打开
multiple multiple 多文件提交
编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
iframe标签
HTML总结

← iframe标签 HTML总结→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×