html5学习系列之hi类标签
旧标签：
（1）<head>标签
作用：所有头部元素的容器,必须包含文档的标题(title)，
可以包含脚本、格式、meta信息以及其他更多的信息
元素内部包含：
<title>:必须
<style>/<base>/<link>/<meta>/<script>/<noscript>
(2)<h1>-<h6>
作用：定义html标题
（3）<hr>标签
作用：定义Html页面中的主题变化，并显示为一条水平线，被用来分割Html页面中的内容。
（4）<i>标签
作用：定义与文本其余部分不同的部分，并把这部分文本呈现为斜体文本，被用来表示科技术语等等。
（5）<iframe>标签
作用：嵌入其他框架，或者其他html文档
属性：height:高度
name：名称
sandbox：对<iframe>的内容定义一系列的额外限制。值为：allow-forms allow-same-origin allow-scripts allow-top-navigation
seamless：规定<iframe>看起来像是文档中的一部分。
src：文档的url
srcdoc: HTML_code 规定页面中的内容显示在<iframe>中，（本人试了一下，显示的是HTML_code）
width:宽度。
（6）<img>标签
作用：定义图像，为被引用的图像创建占位符。两个必需的属性：src和alt。
从技术上讲，图像并不会插入到html页面，而是链接到页面上。
属性：alt：规定图像的替代文本。
crossorigin：设置图像的跨域属性 值为anonymous和use-credentials 。百度了一下这个属性，好像是说如果src是来自其他域名的图片，浏览器便会禁止执行。
height:高度
ismap:将图像规定为服务端图像映射。
注：ismap和usemap：http://blog.163.com/pdfz75@126/blog/static/41122612200942983227228/
src：规定显示图像的url
usemap:将图像定义为客户端图像映射
width：规定图像的宽度。
（7）<input>标签
作用：规定用户可以在其中输入数据的输入字段。在form元素中使用，用来声明允许用户输入数据的input控件，输入字段可通过多种方式改变，取决于type属性。
属性太多，请自行观看：http://www.runoob.com/tags/tag-input.html
（8）<ins>标签
作用：定义已经插入文档中的文本。效果是有一个下划线
属性：
cite:规定一个文档的url，该文档解释了文本被插入的原因。没有主流浏览器可以支持这个属性。
datetime：规定文本被插入的日期和时间。
新标签:
(1)<header>标签
作用：定义文档或者文档的一部分的页眉，应该作为介绍内容或者导航链接栏的容器，
不可以放在<footer>、<address>或者另一个<header>元素内部。
（2）<hgroup>标签
作用：用来对标题元素进行分组。当标题有多个层级（副标题）时，<hgroup>被用来对一系列的<h1>-<h6>元素进行分组。
三、涉及到的代码：
<!DOCTYPE html> <html> <!-- head 标签--> <head> <meta charset='UTF-8'> <title>hi类标签</title> </head> <body> <!--img标签--> <img src="1.gif" usemap="#map"> <map name="map" id="map"> <area shape="rect" coods="100,100,200,200" href="../ef类标签/20160404.html" target="_blank"></area> <area shape="rect" coods="200,100,300,200" target="_blank" href="../ef类标签/20160404.html"></area> </map> <article> <!-- header标签 --> <header> <hgroup> <h1>Hello Html5</h1> <h3>For 竖心旁</h3> </hgroup> </header> <!--hr标签--> <hr> <p>just say hi to html5</p> iiiiiiii is<i> iii </i> here </article> <!--iframe标签--> <iframe src="http://www.baidu.com"> <p>您的浏览器不支持iframe标签</p> </iframe> <a href="www.baidu.com"> <img src="2.jpg" ismap="ismap" width="300" height="300"> </a> <!--ins标签--> <p>My favorite color is <ins cite='www.baidu.com'> black</ins></p> </body> </html>
