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

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

相关推荐
他们叫我技术总监20 分钟前
Python 列表、集合、字典核心区别
android·java·python
悟能不能悟25 分钟前
前端上载文件时,上载多个文件,但是一个一个调用接口,怎么实现
前端
江沉晚呤时25 分钟前
从零实现 C# 插件系统:轻松扩展应用功能
java·开发语言·microsoft·c#
梁下轻语的秋缘37 分钟前
ESP32-WROOM-32E存储全解析:RAM/Flash/SD卡读写与速度对比
java·后端·spring
wanzhong233340 分钟前
开发日记8-优化接口使其更规范
java·后端·springboot
Knight_AL43 分钟前
Java 多态详解:概念、实现机制与实践应用
java·开发语言
C雨后彩虹1 小时前
volatile 实战应用篇 —— 典型场景
java·多线程·并发·volatile
xie_pin_an1 小时前
从二叉搜索树到哈希表:四种常用数据结构的原理与实现
java·数据结构
没有bug.的程序员1 小时前
Java 并发容器深度剖析:ConcurrentHashMap 源码解析与性能优化
java·开发语言·性能优化·并发·源码解析·并发容器
可问春风_ren1 小时前
前端文件上传详细解析
前端·ecmascript·reactjs·js