黑马程序员技术交流社区
标题:
2019年4月9日
[打印本页]
作者:
zhoujiaxu
时间:
2019-4-9 14:26
标题:
2019年4月9日
使用语义化标签的好处是增强了代码的可阅读性，也方便了网站的seo（Search Engine Optimization，搜索引擎优化）新增标签:header 头部标签 / nav 导航标签 / article 内容标签 / section 块级标签 / aside 侧边栏标签 / footer 尾部标签 新增的input标签type=email邮箱/urlURL地址/date日期类型/time时间类型/month月类类型/week周类型/number数字类型/tel手机号类型/search搜索框(输入文字后 后面有个一键删除的叉叉)/color颜色类型可输入表单: datalist用法:<input type="text" list="llist"><datalist id="llist"><option value="gz">广州</option><option value="sd">山东</option></datalist>h5表单属性 用法:直接写在input 标签里面 required 表单拥有该属性表示其内容不能为空，必填 novalidate / pattern 一个是不执行验证 一个是自定义验证和required一起用placeholder 表单的提示信息，存在默认值将不显示autofocus 自动聚焦属性，页面加载完成自动聚焦到指定表单autocomplete 当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 默认已经打开，如 autocomplete=”on “ 关闭 autocomplete =”off” -需要放在表单内同时加上name属性 -同时成功提交(一般是off)multiple 可以选中多个文件提交新增音频和视频标签audio 音频autoplay 音频就绪后马上播放controls 显示控件 如播放 停止等等loop 循环播放preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。 如果使用 "autoplay"，则忽略该属性。src 值为url 要播放的音频的 URL。谷歌浏览器暂时无法自动播放video 视频autoplay 视频就绪自动播放（谷歌浏览器需要添加muted来解决自动播放问题）controls 展示控件width height 视频的宽高loop 循环播放preload 规定是否预加载视频(如果有了autoplay 就忽略该属性src url 视频地址poster 值 : Imgurl 加载等待的画面图片muted 静音播放 (谷歌浏览器 需要设置才能自动播放)source标签<video> <source src="1.mp4"> <source src="2.mp4"> <source src="3.mp4"></video>当1mp4 出错时,自动切换到2
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2