html5学习系列之hi类标签

旧标签：

（1）<head>标签

作用：所有头部元素的容器,必须包含文档的标题(title)，

可以包含脚本、格式、meta信息以及其他更多的信息

元素内部包含：

<title>:必须

(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）

宽度。

（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>