html中的id标签,html头作用?

html头定义:

在html中,header标签定义文档的页眉。语法格式为“< header> 内容< /header> ”。header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题等。

作用:

在HTML5版本之前习惯使用div标签布局网页,在HTML5在div标签基础上新增header标签元素。也叫“< header> ”头部标签。头部常常使用< div id=”header”> < /div> 或< div class=”header”> < /div> 进行布局,特点与传统div布局不同,少了div做标签,而是新增元素标签。

1、搭建网页利用已搭建的IIS本地服务器,在共享区域新建一个html文件,命名为index.html。如图

2、植入html元素用记事本打开index.html,完善html基本元素。写入一下代码:< html xmlns=”http://www.w3.org/1999/xhtml”> < head> < meta http-equiv=”Content-Type” content=”text/html”/> < title> 时间的动态显示< /title> < /head> < body> < /body> < /html> 并保存。如图:

3、写入JavaScript时间代码在html头部写入获取时间的代码: < script language=”javascript”> var t = null; t = setTimeout(time,1000); //开始执行 function time() { clearTimeout(t); //清除定时器 dt = new Date(); var y=dt.getYear()+1900; var mm=dt.getMonth()+1; var d=dt.getDate(); var weekday=[“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”]; var day=dt.getDay(); var h=dt.getHours(); var m=dt.getMinutes(); var s=dt.getSeconds(); if(h< 10){ h=”0″+h; } if(m< 10){ m=”0″+m; } if(s< 10){ s=”0″+s; } document.getElementById(“timeShow”).innerHTML = “现在的时间为:”+y+”年”+mm+”月”+d+”日”+weekday[day]+” “+h+”:”+m+”:”+s+””; t = setTimeout(time,1000); //设定定时器,循环执行 } < /script> 如图:

4、写入div标签在内容部分写入div标签,并附上ID,用来加载时间的载体。< divid=”timeShow” class=”time1″> < /div> 如图:

5、写入样式在头部写入div的样式: < style> .time1{ width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center; } < /style> 并保存,如图:

6、加载网页在浏览器输入192.168.1.2,查看编写的网页文件。如图:

web里的id,表示HTML元素的身份标识,一个页面中id是唯一的,不能重复