HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
阿笑带你学前端12 小时前
Flutter 实战:为开源记账 App 实现优雅的暗黑模式(Design Token + 动态主题)
前端
天渺工作室12 小时前
Chrome浏览器自带翻译的诡异Bug:ID翻译后竟然变化了
前端·chrome
daols8813 小时前
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
前端·javascript·excel·vxe-table
青青子衿悠悠我心13 小时前
围小猫秘籍
前端
私人珍藏库13 小时前
[Windows] Chrome_Win64_v142.0.7444.163 便携版
前端·chrome
Wect13 小时前
Monorepo 架构全解析:从概念到落地的完整指南
前端
Zyx200713 小时前
前端直连大模型:用原生 JavaScript 调用 DeepSeek API
javascript·deepseek
panda491913 小时前
css主流布局
前端·css
一千柯橘13 小时前
vite 下使用 Module Federation
前端
e***582313 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js