HTML5 基本框架

小忆控～

已于 2024-05-20 11:15:56 修改

阅读量602

点赞数 16

文章标签： html5 前端 html

于 2024-05-20 11:13:43 首次发布

本文链接：https://blog.csdn.net/2301_79582459/article/details/139059483

版权

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应用程序，提升用户体验并简化开发流程。上面这句话是套话，对于菜鸡的我，正在努力学哦！！！