使用HTML5制作电影影评网
2025-01-29
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
前言
一、html5介绍
二、使用步骤
1.了解新增的几个属性和结构
2.读入数据
3.效果展示
总结
前言
跨平台技术这门课继续对HTML进行深入学习,本文介绍HTML新增的几个属性和结构的基础内容。本次案例是一个电影影评网,主要是对HTML5新标签和新结构的使用。
一、html5介绍
HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。
二、使用步骤
1.了解新增的几个属性和结构
1、video,表示一段视频并提供播放的用户界面;2、audio,表示音频;3、canvas,表示位图区域;4、source,表示为video和audio提供数据源;5、svg,用于定义矢量图等等。
section元素:用于定义页面中的一个内容区域
header元素:定义页面中的标题元素
nav元素:定义页面中的导航菜单区域
article元素:定义页面中上下两段相对独立的信息内容
aside元素:article的辅助元素,定义article区域内容相关联信息
footer元素:定义页面中脚注区域