前端html笔记：
strict.dtd   标准版   语法要求严格
transitonal.dtd   过渡模式   语法要求宽松
loose.dtd   过渡模式  松散模式
strict.dtd   标准版

html  标签
单标签   有始无终
双标签   有始有终

并列关系：平级关系
包含关系：嵌套关系

开发工具:
sublime    
ctrl+shift+p    插件安装      选中install package
ctrl+shift+p    插件安装      remove 回车   删除已安装插件
ctrl+shift+d    复制整行
ctrl+f          快速查找
ctrl+h          查找替换
按住ctrl键不松，鼠标连着在需要插入文字的地方按多行   可多行一起插入

div span 没有语义的标签
div块儿元素   span行元素
img的alt属性是给搜索引擎看的
src属性值../代表回到上一级目录
a标签target属性值:_self默认值  点击超链接后会覆盖当前页面
_blank    新窗口打开新页面

本页面内跳转

锚链接:
需要提前设置id,href属性中#id，实现本页面跳转
head标签内嵌套<base target="">对锚链接同样生效
   空格-特殊字符
<    小于-特殊字符
>    大于-特殊字符
语义标签:
<nav></nav>   导航
<header><header>    表示网站主体部分头部
<footer></footer>    网站尾部
<article></article>   文章整体
<aside></aside>     网站侧边栏
<section></section>   网页布局中的任意区域
有序列表ol  li
无序列表ul  li
自定义列表:
<dl>
<dt>列表标题</dt>
<dd>列表项</dd>
</dl>
网站结尾处一般使用自定义列表

video    controls控制器    autoplay自动播放  loop循环 播放
当第一个视频播放不了，就播放第二个，第二个播放不了，就播放第三个，兼容性更好
<video controls>
<source class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" />
<source class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" />
<source class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="" />
</video>
audio音频标签  src路径 controls控制器  autoplay自动播放(低版本浏览器不兼容) loop循环播放
可以和video的source用法一样