HTML5基本的内容


文章目录

  • 系列文章目录
  • 前言
  • 一、HTML5 基本框架
  • 二、具体框架结构
  • 三、知识补充
  • 总结


前言

HTML5的介绍：

HTML5 是一种用于构建网页内容的标准化语言。它是 HTML（超文本标记语言）的第五个版本，引入了许多新的功能和特性，使得网页设计和开发更加灵活和强大。

HTML5 支持多媒体元素（如音频和视频），可以直接在网页上播放音频和视频文件，而无需使用第三方插件。它还引入了新的语义化元素（如 <header>、<footer>、<nav> 等），使得网页结构更清晰和易于理解。

此外，HTML5 还支持本地存储、离线应用、地理定位等功能，使得网页应用更加智能和交互性强。它还引入了新的表单元素和 API，使得网页表单更易于设计和验证。

总的来说，HTML5 是一种强大的标准化语言，为网页设计师和开发者提供了更多的工具和功能，使得他们能够创建出更加丰富和交互性强的网页应用。
 

一、HTML5基本框架？

html5 小框架 demo_前端

  1. <!DOCTYPE html> 声明为 HTML5 文档
  2. <html> 元素是 HTML 页面的根元素
  3. <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
  4. <title> 元素描述了文档的标题
  5. <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标签

  1. 可定义文档的标题。
  2. 它显示在浏览器窗口的标题栏或状态栏上。
  3. 标签<title>是 <head>标签中唯一必须要求包含的东西，就是说写head一定要写title
  4. <title>的增加有利于SEO优化
  5. SEO是搜索引擎优化的英文缩写，虽过对网站内容调整，满足搜索引擎的排名需求

还有：

<meta charset="UTF-8">   <!--编码格式-->
<html></html>  <!--双标签-->
<img>  <!--单标签-->