菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 陈玉-20221022-H5C3 [打印本页]

作者: polaris123 时间: 2022-10-23 22:32
标题: 陈玉-20221022-H5C3
一、今日学习内容
1.新增标签
  头部标签<header></header>
  导航栏标签<nav></nav>
  内容标签<article></article>
  侧边栏标签<aside></aside>
  底部标签<footer></footer>
  优点：便于搜索引擎解析缺点：会有兼容性问题
2.新增input内type属性值
  email 限制用户输入必须为email类型
  url  限制用户输入必须为url类型
  date  限制用户输入必须为日期类型
  time  限制用户输入必须为时间类型
  month  限制用户输入必须为月类型
  week  限制用户输入必须为周类型
  number  限制用户输入必须为数字类型
  search  限制用户输入必须为搜索框类型
  color  生成一个颜色选择框
  tel 限制用户输入电话号码类型
3.新增表单属性
  required=“required”  内容为必填项
  placeholder=“  ”  提示文本
  autofocus=“autofocus”  自动聚焦指定表单元素
  autocomplete=“on/off”  显示历史输入内容
  multiple=“multiple”  多选文件
  修改placeholder字体颜色：
input：：placeholder {}
4.新增多媒体标签
  <audio>标签  音频标签
  autoplay：autoplay; 自动播放。
controls：controls; 像用户展示播放控件
loop:loop; 当音频结束时重现开始播放
src:url；要播放的音频的url（地址）
  <video>标签  视频标签:autoplay：autoplay;  自动播放。
muted=“muted” 视频静音
controls：controls;  像用户展示播放控件
loop:loop;  当视频结束时重现开始播放
src:url；  要播放的视频的url（地址）
width/height：  px；设置播放器宽高
preload：auto/none;(如果有autoplay该属性会被忽视)
poster=“图片地址”  加载等待是的图片显示
5.CSS3
  CSS怪异盒模型box-sizing：content-box；  box-sizing：border-box;
  新增选择器
  (1)属性选择器根据元素的特定属性来选择元素，这样就可以不借助于类或者id选择器。
  (2)结构伪类选择器根据文档的结构来选择元素，通常用于根据父元素来选择里面的子元素的情况。
  (3)伪元素选择器

今日无问题

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)