html中的id标签，html头作用？_html标签

资料来源：网络整理时间：2023/3/4 1:02:38 共计：3608 浏览

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是唯一的，不能重复

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：获取html中的标签，html的文字标签有哪些？_html标签 | ·下一条：html中的行标签，html表格制作教程？_html标签