从事web开发一段时间了,最近在学习前端知识,发现了许多以前自己不经常用到,但很有用的知识点,比如H5语义化标签,CSS3动画效果等,再次进行总结归纳.
1.常用语义化标签:
<address>地址信息</address>
<code>代码</code>
<pre>可用于大段代码插入,保留缩进换行格式</pre>
2.有特殊功能的标签及属性
a标签mailto邮件功能:(多个收件(抄送)人使用;分隔)
<a href="mailto:xx@xx.com;xx@xx.com?cc=抄送人@xx.com&bcc=密抄送人@xx.com&subject=邮件主题&body=邮件内容">发邮件给我们</a>
img标签alt属性在图片展示不成功时在图片位置显示,title属性当鼠标在图片上悬停时显示,
img标签可以是GIF,PNG,JPEG格式的图像文件
<img src="图片路径" alt="图片损坏则显示此处文字" title="鼠标悬停在图片上方显示此处文字"></img>
3.表格标签的不常用标签及属性
<table summary="summary属性用于表格介绍"><caption>caption标签相当于表格的title,位于表格上方</caption></table>
4.表单的不常用标签及属性
from标签中包裹内容用的标签fieldset 可加边框样式 主要配合 legend标签给form添加一个title
<form>
<fieldset>
<legend>表单title</legend>
</fieldset>
</form>
form标签中的label标签与表单组件配合使用,当点击label标签时可获取label标签for属性对应id的组件焦点
<form>
<label for="myInput">点我可获取input焦点</label>
<input type="text" id="myInput"/>
</form>