一、VS快捷键：
注释：ctrl+k+c ,取消：ctrl+k+u(了解)
调整格式：Ctrl+K+d
光标在左，选中行：shift+end
删除：ctrl+delete
查询:ctrl+f
二、<audio src=”2.mp3” controls=”controls”
autoplay=”autoplay” loop=”loop” id="amusic"></audio>
<video src=”3.mp4” controls=”controls”
autoplay=”autoplay” loop=”loop”></viedo>
<source src=”3.mp4” type=”video/mpeg”/>
<source src=”3.mp4” type=”video/ogg”/>
<input type=”button” value=”暂停” id=”dpause” onclick=”Pause()”/>
<input type=”button” value=”开始” id=”dstart” onclick=”Start()”/>
<input type=”button” value=”停止” id=”dstop” onclick=”Stop()”/>
<script>
Function Pause(){
document.getElementById(“amusic”).pause();
}
Function Start(){
document.getElementById(amusic”).play();
}
Function Stop(){
document.getElementById(“amusic”).pause();
document.getElementById(“amusic”).currentTime=0;
}
三、 重要的标签:<canvas></canvas>：画板
四、 结构标签：
h是标题标签，group是组，合起来就是标题组合，这是个废弃的h5标签（了解）。
<hgroup>
<h1>hello</h1>
<h2>world</h2>
</hgroup>：一个元素里有多个层级.
figure（扮演角色）：一个独立的流内容：角色（图像、图表、代码等等）,用作文档中插图的图像。
<figure>
<p>黄浦江上的的卢浦大桥</p>
<img src="../images/美景.jpg" alt="">
</figure>
非结构标签：
给datalist一个id,通过input的list属性绑定id
<input type="text" id="fruit" list="taglist"/>
<datalist id=”taglist”>
<option>苹果</option>
<option>橘子</option>
<option>西瓜</option>
</datalist>
summary：摘要
Details标签定义文档细节
<details>
<summary>Copyright 2011</summary>
<p>I love biancheng very much</p>
</details>
Menu标签定义列表(所有主流浏览器均不支持 menu 元素，废了)：
<menu>
<li>home</li>
<li>home</li>
<li>home</li>
</menu>
Mark高亮显示:
<mark>高亮显示</mark>
Time:时间放在<time></time>里面
<form>
<input type=”email”/>
<input type=”url/>
<input type=”tel”/>
<input type=”number” min=”1” max=”20” step=”4”/>
<input type=”range” min=”1” max=”20” step=”4”/>
min允许规定的最小值，max允许规定最大值。
<input type=”search”/>
<input type=”color”/>
<input type=”date”/>
<input type=”month”/>
<input type=”week”/>
<input type=”time”/>
<input type=”submit”/>
</from>
获取焦点：autofocus属性，自动获取焦点。
<input type=”text” autofocus=”autofocus”/>
Form外也可以提交数据：给form添加一个id,当提交表单的时候，带有（from="form1"）的输入框里面的数据也能提交到1.php里面去。
<form action=”1.php” method=”get” id=”form1”>
</form>
<input type=”text” name=”address1” form=”form1”/>
Form也可以改action的地址：在提交框中加一个属性：formaction
<form action=”1.aspx”>
<input type=”submit” value=”提交” formaction=”2.aspx”/>
</form>
批量上传文件:
<input type=”file” name=”img” multiple=”multiple”/>
支持自定义验证功能:邮箱为空可以提交表单，邮箱不为空并且格式不正确的话不能提交表单，会出现“请与请求的格式保持一致这样的字段”。
<form action="1.aspx">
请输入邮政编码:<input type="text"
pattern="[0-9]{6}" title="请输入6位数的邮编"/>
<input type="submit"/>
</form>
注意：输入不能为空，如果为空，表单提交不上去。
注意：添加required后，当鼠标放到输入框上时，会出现个“请填写此字段”这样的内容
<form action="1.aspx">
请输入邮政编码:<input type="text" required="required"/>
<input type="submit"/>
<input type="text" placeholder="请输入用户名"/>
对p进行编辑，对p进行隐藏：p有contenteditable和hidden这两个属性
注意：content(内容) edit(编辑) able(能够）
<p contenteditable="true">这是一个可编辑的段落,
请试着编辑该文本</p>
<p hidden="hidden">这是一段可以隐藏的段落"</p>
注意：tabindex这个属性，摁着tab键，选框依次到百度2，百度1，百度3，他的顺序和tabindex的顺序是一样的。
<a href="http://www.baidu.com" tabindex="2">百度1</a>
<a href="http://www.baidu.com" tabindex="1">百度2</a>
<a href="http://www.baidu.com" tabindex="3">百度3</a>
注意：ol>li有序列表 其中ol有三个属性，type,reversed,start。type的取值类型有：type='数字,a,A,i,I" reversed(取反) start(从哪开始)
从第8行开始倒叙：
<ol type="1" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="I" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="i" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="A" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
<ol type="a" reversed start="8">
<li>w</li>
<li>e</li>
<li>c</li>
</ol>
异步加载：这一个没加载完另一个可以加载。
<head>
<title></title>
<script src="js/demo.js" async="async"></script>
<script src="js/demo1.js" defer="defer"</script>
</head>
1,本地储存
2,Canvas
3,iframe
html(3)
最新推荐文章于 2024-09-05 23:16:39 发布
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
