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

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

相关推荐
廋到被风吹走1 小时前
【Spring】Spring Data JPA Repository 自动实现机制深度解析
java·后端·spring
MX_93591 小时前
Spring中Bean的配置(一)
java·后端·spring
2503_928411561 小时前
12.4 axios的二次封装-深拷贝
前端·javascript·vue.js
你真的可爱呀4 小时前
uniapp+vue3项目中的常见报错情况以及解决方法
前端·vue.js·uni-app
sg_knight5 小时前
Spring 框架中的 SseEmitter 使用详解
java·spring boot·后端·spring·spring cloud·sse·sseemitter
郑州光合科技余经理8 小时前
同城系统海外版:一站式多语种O2O系统源码
java·开发语言·git·mysql·uni-app·go·phpstorm
一只乔哇噻8 小时前
java后端工程师+AI大模型开发进修ing(研一版‖day60)
java·开发语言·人工智能·学习·语言模型
Dolphin_Home8 小时前
笔记:SpringBoot静态类调用Bean的2种方案(小白友好版)
java·spring boot·笔记
差点GDP8 小时前
模拟请求测试 Fake Rest API Test
前端·网络·json
MetaverseMan9 小时前
Java虚拟线程实战
java