html5布局
注释vscode ctrl+/
vs code 自动生成 ！+tab键
删除某行 ctrl+shift+k
shift+刷新按钮 强制刷新
ctrl+enter 不改变当行元素换新一行
<html lang="zh-CN">设置语言为简体中文
<meta charset="UTF-8">使用utf-8编码
shift+alt+下。向下复制一行
shift+alt+上，向上复制一行
学习网站 MDN W3SCHOOL
1.<header></header>页眉
<footer></footer>页脚
可以作为主页面的页眉页脚，也可以用于<article><section>的页眉页脚
2.<nav></nav>导航栏
3.文章<article></article> 帖子，杂志新闻，评论，博客等。
4.<aside></aside>附属信息。
5.<section></section>部分 页面中的某段文字，或文章中的某段文字
6.<hgroup></hgroup>标题组。将一个或多个<h1><h6>组合到一起。
article 里面可以有多个section
section强调的是分段和分块，如果你想将内容分成几段的话，可以使用section
article比section更强调独立性，一块内容比较独立完整，使用article
进度条
<meter max="100" min="0" low="20" high="80" value="30" optimum="90"></meter>
<progress max="100" value="20"></progress>
datalist列表标签
<form action="#">
<input type="text" list="mydata"></input>
<button>搜索</button>
</form>
<datalist id="mydata">
<option value="周杰伦">周杰伦</option>
<option value="周冬雨">周冬雨</option>
<option value="马冬梅">马冬梅</option>
<option value="温兆伦">温兆伦</option>
</datalist>
details标签
<detail>
<summary>如何赚钱？</summary>
<p>睡觉</p>
</detail>
文字标签ruby，专门用来标注汉字
<ruby>
<span>好好学习</span>
<rt>haohaoxuexi</rt>//注音
</ruby>
mark标记文字
<p>How <mark>are </mark> you?</p>
表单中文件输入框可以使用placeholder，默认输入
required为必填项。
单选required表示同类中必须选一个
复选框required表示必须选中该项。
autofocus自动对焦，加在表单某一项上
autocomplete 用于输入框，不用于单选多选文本框
pattern正则表达式，需要与required配合
H5新增邮箱类型。
<input type="email" name="youx">
URL类型
<input type="url" name="wangz">
数值类型,step表示步长
<input type="number" name="shuzi" step="2" max="80" min="20">
搜索类型
<input type="search" name="sous">
电话,用于移动端，会自动弹出键盘。
<input type="tel">
range
<input type="range" max="80 min="20" value="30">
颜色选择
<input type="color" name="yans">
日期选择
<input type="date" name="riqi" required>
<input type="month" required>
<input type="week" required>
<input type="time" required>
<input type="datatime-local" required>
H5新增多媒体标签。
<video src="url" width="" height="" controls muted autoplay poster="url"></video>
不用同时给宽高。因为涉及视频比例问题。
controls 播放控件
muted 静音
chrome浏览器在静音下才能自动播放autoplay 和muted一起用。
媒体参与度高会在有声音下自动播放。
loop循环播放。
poster视频未播放时显示的图片。默认为视频第一帧
preload预加载。auto,metadata,none 自动，元信息（基本信息），不进行预加载
H5新增音频标签
loop循环播放。
muted 静音
width调整宽度。一般不用调整高度。
浙公网安备 33010602011771号