那些容易被我忽略的HTML标签和属性

记录一些被我忽略的的标签属性。顺便试一下gif。

1、marquee标签

HTML标准中已经废弃marquee标签了，但看都看到了。所以干脆记一下吧。marquee是由微软提出，后来逐渐被各个浏览器所支持，缺点是兼容性不太好，而且这种滚动的效果实在不符合页面的友好性了。

属性：
behavior="滚动方式" :
    scroll（默认，循环）、alternate（循环往返）、slide（滚动一次）
direction="方向" ：
    left、right、bottom、up; left表示从右至左滚动，默认left
scrollamount="速度"  ：默认6
scrolldelay="延迟时间" ：单位毫秒

<marquee behavior="alternate" direction="left">巍巍不是！巍巍没有！ 巍巍不知道！</marquee>
<marquee behavior="alternate" direction="right" scrollamount="6" scrolldelay="100">巍巍不是！巍巍没有！ 巍巍不知道！</marquee>

效果：

2、embed和object标签

embed和object都是内联元素。

1. embed嵌入多媒体内容–视频音频flash动画
2. object嵌入视频音频flash动画、java applets、ActiveX、PDF，在html5中值只保留了data、name、type、 width、height、usemap等属性。还有个form属性,但现在所有浏览器都不支持，object可在表单中提交,可以不在form范围内，使用form=”formID”；

简单实例：

<!--可插入gif、swf等格式动画-->
<embed src="img/long.gif" width='400px' height="auto" />
<img src="img/123.jpg" width='400px' height="auto" />
<object data="img/long.gif" width='400'></object>

3、超链接

a标签的
target属性：
1. _blank，_search是新开一个页面打开链接。
2. _self、_parent、_top效果都是在当前页面打开。

<a href="http://www.baidu.com" target="_search">测试</a>

链接分类（按目标端点分）：
1、内部链接
2、外部链接
3、书签链接

面内跳转的锚点设置
①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#）
方法一：   
②：设置锚点的位置  <h3 id="miao">id锚</h3>；
方法二：
②：如果设置锚点是a标签，可以使用name也可以用id,
<a name="miao">name锚</a> 也可以写id；

4、脚本链接：

<a href="javascript:alert(123)">脚本链接</a>

5、文件下载
只要href链接的文件是.doc/.rar/.cab/.zip/.exe等，都会提供下载链接。

<a href="doc.doc">下载</a>

4、iframe标签

<iframe> 标签规定一个内联框架（浮动框架）。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

<iframe src="http://www.runoob.com" width='500' height='400' name="iframe">
         <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
超链接目标也可以是一个内联框架     
<a href='http://www.baidu.com' target="iframe">点击此处，上面name="iframe"内联框架内容改变</a>