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

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

相关推荐
aiprtem11 分钟前
基于Flutter的web登录设计
前端·flutter
DuelCode14 分钟前
Windows VMWare Centos Docker部署Springboot 应用实现文件上传返回文件http链接
java·spring boot·mysql·nginx·docker·centos·mybatis
浪裡遊14 分钟前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
优创学社219 分钟前
基于springboot的社区生鲜团购系统
java·spring boot·后端
why技术22 分钟前
Stack Overflow,轰然倒下!
前端·人工智能·后端
幽络源小助理26 分钟前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
GISer_Jing26 分钟前
0704-0706上海,又聚上了
前端·新浪微博
猴哥源码27 分钟前
基于Java+springboot 的车险理赔信息管理系统
java·spring boot
止观止1 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall1 小时前
npm install安装的node_modules是什么
前端·npm·node.js