HTML5

**HTML:**和其他的语言一样也有基础的框架和快捷键。

**命名规则:**后缀名是".html"

每个项目最上面都有<!DOCTYPE html >是H5的声明,处于标签之前

复制代码
<!DOCTYPE html>

骨架:

html标签:

定义HTML文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其他元素要包裹在这个标签里面,标签限定了文档的开始点和结束点。

复制代码
<!DOCTYPE html>
<html>
...其他元素
</html>

head标签:

head标签用于文档的头部,文档的头部描述文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系等,绝大多数文档头部包含的数据不会真正作为内容显示给读者。

html 复制代码
<!DOCTYPE html>
<html>
<head>
	
</head>
</html>

body 标签:

body 元素定义文档的主体

body元素包含文档的所有内容(比如文本,超链接,图像,表格,列表等)

他会在页面中直接显示出来,也就是用户能直接看到的内容

html 复制代码
<!DOCTYPE html>
<html lang="en">
 <head>
	
 </head>
 <body>
        我会显示在浏览器中	
 </body>
</html>

title标签:

  1. 可以定义文档的标题
  2. 它可以显示在标题栏或状态栏上
  3. <title>标签是<head>标签中唯一必须要求包含的东西,就是说写head一定要写title
  4. <title>的增加有利于SEO优化
html 复制代码
<!DOCTYPE html>
<html lang="en">
	<head>
	<title>页面的标题</title>
	</head>
	<body>
	页面的内容
	</body>
</html>

meta标签:

meta标签用来描述一个HTML网页文档的属性,关键词等。例如:"charset="utf-8""是说当前使用的utf-8编码格式,在开发中我们经常会看到utf-8,或是gbk,这些都是编码格式,通常使用utf-8.

html 复制代码
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">//属性
        <title>标题</title>
    </head>
    <body>
    </body>
</html>
相关推荐
Maimai108088 分钟前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
kyriewen2 小时前
产品经理把PRD写成“天书”,我用AI半小时重写了一遍,他当场愣住
前端·ai编程·cursor
humcomm2 小时前
元框架的工作原理详解
前端·前端框架
canonical_entropy2 小时前
Attractor Before Harness: AI 大规模开发的方法论
前端·aigc·ai编程
zhangxingchao3 小时前
多 Agent 架构到底怎么选?从 Claude Agent Teams、Cognition/Devin 到工程落地原则
前端·人工智能·后端
IT_陈寒3 小时前
SpringBoot那个自动配置的坑,害我排查到凌晨三点
前端·人工智能·后端
Honor丶Onlyou3 小时前
VS Code 右键菜单修复记录
前端
PILIPALAPENG3 小时前
Python 语法速成指南:前端开发者视角(JS 类比版)
前端·人工智能·python
JYeontu3 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
张就是我1065923 小时前
从前端角度理解 CVE-2026-31431
前端