前端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 src="" />
<source src="" />
<source src="" />
</video>
audio音频标签 src路径 controls控制器 autoplay自动播放(低版本浏览器不兼容) loop循环播放
可以和video的source用法一样