HTML 基础结构

目录

[1. 文档声明](#1. 文档声明)

[2. 根标签](#2. 根标签)

[3. 头部元素](#3. 头部元素)

[4. 主题元素](#4. 主题元素)

[5. 注释](#5. 注释)

[6. 演示](#6. 演示)


1. 文档声明

<!DOCTYPE html>:声明文档类型,表示该文档是 html 文档,

2. 根标签

(1)所有的其他标签都要放在一对根标签中(结束标签要加上'/');

html 根标签下有两个一级子标签,分别是头标签和体标签(都是双标签);

3. 头部元素

头标签:<head> </head>

定义不直接展示在页面主体上,又很重要的内容,比如字符集,css引入,js引入;

4. 主题元素

体标签:<body> </body>

定义展示在页面主体的标签;

5. 注释

注释:<!-- 内容 -->

html 的编写规则基本就这5条,此外还需注意字符集标签 <meta/>;

<meta/> 既不是单标签,也不是双标签;用来告诉浏览器使用什么字符集解码,以解决乱码问题:

乱码的原因;

(1)编辑文本时使用的字符集不支持中文;

(2)编辑文本时使用的字符集与解析使用的字符集不一致;

6. 演示

利用以上规则在文本编辑工具输入内容,使用浏览器打开;

相关推荐
未来之窗软件服务几秒前
幽冥大陆(七十七)C# 调用 中文huayan-medium.onnx —东方仙盟练气期
前端·ui·c#·仙盟创梦ide·东方仙盟
雪花desu几秒前
【Hot100-Java中等】:字母异位词分组
java·算法·leetcode·哈希表
rchmin几秒前
Redis Key过期删除策略详解
java·redis
秋邱几秒前
Java抽象类与接口的核心区别:定义、特性与选型逻辑全解析
java·开发语言
古茗前端团队2 分钟前
用 NAudio 做一个音频播放器及原理
前端
Ccuno2 分钟前
Java中核心机制的概念
java·深度学习
程序员小白条5 分钟前
提前实习的好处有哪些?有坏处吗?
java·开发语言·数据结构·数据库·链表
石工记7 分钟前
Java 作为主开发语言 + 调用 AI 能力(大模型 API / 本地化轻量模型)
java·开发语言·人工智能
石去皿7 分钟前
C++校招通关秘籍:从高频考点到工程思维的跃迁
java·服务器·c++
wei yun liang8 分钟前
4.数据类型
前端·javascript·css3