这是我参与「第五届青训营」伴学笔记创作活动的第1天

图片标签img

src属性图片源 url 图片的路径

alt属性，但图片没有加载出来时，显示alt值

title属性，当鼠标停留在图片上显示title值

div标签

一般用来存放图片文字，视屏等一切内容 独占一行，是行标签

span标签

一般只存放文字， 他是行标签

自定义列表 dl dt dd

dl相当于ul一样的大的容器来装dt和dd ，这里的dt是标题首行，dd是内容行，他们两个是兄弟关系

ol li 有序列表

但type = ’A’ 列表的开头标记以 ABC…排序

type = ’1’ 列表的开头标记以 123…排序

属性 start 使用来控制从什么开始（必须是数字）

start =2 ，从2开始

标签语义化

增加了很多标签，在做页面的时候更加具有语义（定义了一些原本没有的div模块为有鲜明结构的语义模块） 1.<header>标记定义一个页面或一个区域的头部 2、<nav>标记定义导航链接 3、<article>标签定义一篇文章内容 4、<section>标记定义网页中一块区域 5、<aside>标记定义页面内容部分的侧边栏 6、<footer>标记定义一个页面或者区域的底部 4、HTML5中input新增属性 4.1、placeholder文本框和密码提示 4.2、required=“required” 表示该字段必须填写 4.3、autofocus 自动聚焦 4.4、新增type属性值

5、多媒体标签

embed可以用来插入各种多媒体，格式可以是 Swf、Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。src为音频或视频文件及其路径，可以是相对路径或绝对路径。

6、audio标签

h5专门用来播放音频的，支持的格式有MP3，OGG，WAV

loop属性是否循环

controls属性是否有控制

autoplay属性是否自动播放

7、video标签

h5专门用来播放视频的，可以写单个，也可以写多个，支持MP4、WebM、OGG

总结

青训营的目的其实并不在于能获取最后的各种奖励，而是在过程中获得的有关项目开发的经验以及一个推动自己学习技术的一个契机，所以个人认为要抓住每一次能让自身提升的机会，peace