HTML结构详解

一、结构详解

<!doctype html> -----> 用来告诉浏览器文档类型, 该标签最好不要去掉.如果将该标签去掉之后,浏览器会出现一只怪异模式浏览器不确定到底按照哪种渲染方式去渲染显示网页。

<html></html> -----> 根标签。

<head></head> ----- 设置网页中基本的配置内容(网页的标题,网页中的样式,网页中的js代码效果....)。

<title></title> ----> 设置网页标题。

<body></body> ---> 代表的是网页主体在网页中除去地址栏看到的任何信息都要放到body标签中。

二、标签之间的关系

☞ 嵌套关系: 一个标签包含其他标签 父元素和子元素

☞ 并列关系: 标签之间不存在嵌套包含

例如: <head></head> 和 <body></body>

相关推荐
知了清语8 分钟前
SVG 缩放预览:F12 无法定位子元素 & 放大模糊
前端
AN9 分钟前
一个人,带着一群 AI:一个 10 年前端如何做出几十个团队在用的在线文档
前端
ByteCoder.9 分钟前
班前十分钟的清单,按体检引导单来写
java·服务器·前端·助播虾
小大宇18 分钟前
vue知识点9-标签上的ref
前端·javascript·vue.js
艺杯羹20 分钟前
告别大模型滥用与延迟失控:确定性优先法则与本地规则引擎实战
前端·人工智能·系统架构
MetWeave23 分钟前
一根杆与一张场:把你的机场画上地图
前端·数据可视化
2601_9495758628 分钟前
JSON5 跨端三方库仓颉适配全流程
前端·javascript·flutter
Java后端的Ai之路31 分钟前
【AIAgent项目-AI生成PPT-09】灵活排版
前端·vue.js·人工智能·python·powerpoint
MasonYyp35 分钟前
安装npm依赖仓库Verdaccio
前端·npm·node.js
Antruly1 小时前
C++ Web 开发选型漫谈:从 Drogon 到 libuvcpp + uvp,八个项目的定位、兼容性与务实排名
开发语言·前端·c++