HTML标签总结

从事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>