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 分钟前
浏览器 实时监听音量 实时语音识别 vue js
前端·javascript·vue.js·语音识别
东阳马生架构4 分钟前
订单初版—5.售后退货链路中的技术问题说明文档
java
小小寂寞的城9 分钟前
JAVA策略模式demo【设计模式系列】
java·设计模式·策略模式
在钱塘江18 分钟前
《你不知道的JavaScript-上卷》-笔记-5-作用域闭包
前端
搬砖码18 分钟前
Vue病历写回功能:实现多输入框内容插入与焦点管理🚀
前端
Canaan28523 分钟前
前端开发-标签
html
不简说23 分钟前
史诗级更新!sv-print虽然不是很强,但却是很能打的设计器组件
前端·产品
用户952511514015523 分钟前
最常用的JS加解密场景MD5
前端
Hilaku24 分钟前
“虚拟DOM”到底是什么?我们用300行代码来实现一个
前端·javascript·vue.js
JAVA学习通27 分钟前
图书管理系统(完结版)
java·开发语言