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. 演示

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

相关推荐
十一.366几秒前
83-84 包装类,字符串的方法
前端·javascript·vue.js
over69713 分钟前
深入解析:基于 Vue 3 与 DeepSeek API 构建流式大模型聊天应用的完整实现
前端·javascript·面试
用户40993225021221 分钟前
Vue3计算属性如何通过缓存特性优化表单验证与数据过滤?
前端·ai编程·trae
jiayong2321 分钟前
Spring IOC 与 AOP 核心原理深度解析
java·spring·log4j
卿雪30 分钟前
Redis 线程模型:Redis为什么这么快?Redis为什么引入多线程?
java·数据库·redis·sql·mysql·缓存·golang
接着奏乐接着舞34 分钟前
react useMeno useCallback
前端·javascript·react.js
lkbhua莱克瓦2436 分钟前
IO流练习(修改文件中的数据)
java·windows·学习方法·io流·java练习题·io流练习
码农阿豪39 分钟前
Vue项目构建中ESLint的“换行符战争”:从报错到优雅解决
前端·javascript·vue.js
老华带你飞40 分钟前
汽车销售|汽车报价|基于Java汽车销售系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·后端·汽车
西岭千秋雪_1 小时前
MySQL集群搭建
java·数据库·分布式·mysql