HTML5基本的内容
文章目录
- 系列文章目录
- 前言
- 一、HTML5 基本框架
- 二、具体框架结构
- 三、知识补充
- 总结
前言
HTML5的介绍:
HTML5 是一种用于构建网页内容的标准化语言。它是 HTML(超文本标记语言)的第五个版本,引入了许多新的功能和特性,使得网页设计和开发更加灵活和强大。
HTML5 支持多媒体元素(如音频和视频),可以直接在网页上播放音频和视频文件,而无需使用第三方插件。它还引入了新的语义化元素(如 <header>、<footer>、<nav> 等),使得网页结构更清晰和易于理解。
此外,HTML5 还支持本地存储、离线应用、地理定位等功能,使得网页应用更加智能和交互性强。它还引入了新的表单元素和 API,使得网页表单更易于设计和验证。
总的来说,HTML5 是一种强大的标准化语言,为网页设计师和开发者提供了更多的工具和功能,使得他们能够创建出更加丰富和交互性强的网页应用。
一、HTML5基本框架?
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8(由于在大部分浏览器中直接输出中文会出现乱码,所以要在头部将字符声明为UTF-8)
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
二、具体框架结构
代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZONGXP</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<h1></h1>☞一个大标题,<p></p>☞一个段落。
三、知识补充
title标签
- 可定义文档的标题。
- 它显示在浏览器窗口的标题栏或状态栏上。
- 标签<title>是 <head>标签中唯一必须要求包含的东西,就是说写head一定要写title
- <title>的增加有利于SEO优化
- SEO是搜索引擎优化的英文缩写,虽过对网站内容调整,满足搜索引擎的排名需求
还有:
<meta charset="UTF-8"> <!--编码格式-->
<html></html> <!--双标签-->
<img> <!--单标签-->
总结
简单总结一下:总的来说,HTML5框架是一种强大的工具,可以帮助开发人员快速构建现代、响应式的网页和Web应用程序,提升用户体验并简化开发流程。上面这句话是套话,对于菜鸡的我,正在努力学哦!!!