HTML5基础教程:<time>标签详解

需积分: 19 7 下载量 53 浏览量 更新于2024-08-22 收藏 1.99MB PPT 举报
"HTML5是超文本标记语言的最新标准,旨在满足现代Web应用程序的需求。它引入了新的标签和功能,比如<time>标签,用于表示日期和时间。此外,HTML5的基础包括HTML的基本概念、HTML4的基础知识以及HTML5的新特性。" 在HTML5中,<time>标签是一个重要的新增元素,它主要用于表示日期和时间信息。这个标签的使用有助于提高网页内容的可读性和可访问性,使得搜索引擎和辅助技术更容易理解页面上的日期和时间信息。<time>标签有两个关键属性: 1. `datetime` 属性:用于明确指定日期和时间。其语法格式为 `<time datetime="YYYY-MM-DDThh:mm:ssTZD">`。例如,2023年4月15日下午3点可以表示为 `<time datetime="2023-04-15T15:00:00">`。这里的"T"是时间的分隔符,"TZD"代表时区标识,如"Z"表示UTC时间,或者"+/-hh:mm"表示相对于UTC的时差。 2. `pubdate` 属性:如果设置此属性,表示<time>元素内的日期和时间是文档或最近的祖先<article>元素的发布日期。例如,`<time pubdate="pubdate">`,这有助于表明文档的发布时间。 HTML5的基础包括HTML的基本概念,HTML是一种用于创建网页的标准标记语言,它的文件通常以.html或.htm为扩展名。HTML通过一系列的标记来定义文本的结构和内容,这些标记通常是成对出现的,如`<HTML>`和`</HTML>`定义整个文档的范围,`<HEAD>`和`</HEAD>`包含文档头部信息,如标题、样式和脚本,而`<TITLE>`和`</TITLE>`则用于定义网页的标题。 HTML5的新特性丰富了HTML的功能,例如新增了语义化标签(如<header>, <footer>, <nav>, <section>等),画布(canvas)元素支持动态图形,视频和音频元素使得在网页上直接播放多媒体成为可能,离线存储(offline storage)功能允许网页在无网络连接时也能运行,还有Geolocation API用于获取用户的地理位置信息等。 学习HTML5不仅仅是掌握基本的HTML语法,还包括了解和应用这些新特性,以创建更加先进、功能丰富的Web应用程序。HTML5的标准不断进化,持续适应并引领着互联网的发展潮流。

@RequestMapping("/exportExcel") public void exportExcel(HttpServletResponse response) throws IOException { // 获取要导出的数据 List<Student> studentList = studentService.getAllStudent(); // 创建工作簿 @SuppressWarnings("resource") XSSFWorkbook workbook = new XSSFWorkbook(); // 创建工作表 XSSFSheet sheet = workbook.createSheet("学生信息表"); // 创建表头 XSSFRow row = sheet.createRow(0); row.createCell(0).setCellValue("ID"); row.createCell(1).setCellValue("学号"); row.createCell(2).setCellValue("姓名"); row.createCell(3).setCellValue("性别"); row.createCell(4).setCellValue("出生日期"); row.createCell(5).setCellValue("地址"); row.createCell(6).setCellValue("电话"); row.createCell(7).setCellValue("照片"); row.createCell(8).setCellValue("备注"); row.createCell(9).setCellValue("所属宿舍"); // 填充数据 for (int i = 0; i < studentList.size(); i++) { row = sheet.createRow(i + 1); row.createCell(0).setCellValue(studentList.get(i).getStuId()); row.createCell(1).setCellValue(studentList.get(i).getStuNo()); row.createCell(2).setCellValue(studentList.get(i).getStuName()); row.createCell(3).setCellValue(studentList.get(i).getStuSex()); row.createCell(4).setCellValue(studentList.get(i).getStuBirth()); row.createCell(5).setCellValue(studentList.get(i).getStuAddress()); row.createCell(6).setCellValue(studentList.get(i).getStuPhone()); row.createCell(7).setCellValue(studentList.get(i).getStuPhoto()); row.createCell(8).setCellValue(studentList.get(i).getStuRemark()); row.createCell(9).setCellValue(studentList.get(i).getStuDormitory()); } // 设置响应头信息 response.setContentType("application/vnd.ms-excel"); response.setHeader("Content-Disposition", "attachment;filename=student.xls"); // 输出Excel文件 workbook.write(response.getOutputStream()); }需要的依赖

2023-06-09 上传