HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
沉默中爆发的IT男4 分钟前
BGP基础配置实验总结
linux·服务器·前端
朝阳396 分钟前
前端学习方法(含前端成神之路)
前端·学习方法
张元清15 分钟前
head.tsx 就是一个 React 组件:用 loader 数据动态生成 SEO meta
前端·javascript·面试
Hello--_--World16 分钟前
ES16:Set 集合方法增强、Promise.try、迭代器助手、JSON 模块导入 相关知识
开发语言·javascript·json
lemon_yyds20 分钟前
Element UI 实践踩坑- date-picker 组件 定制化type="daterange"
前端·css
Alice-YUE22 分钟前
ai对话平台中的functioncalling+mcp
前端·笔记·学习·语言模型
MXN_小南学前端41 分钟前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js
Hilaku1 小时前
AI 生成的代码都是一坨屎?聊聊怎么给 Agent 制定工程约束
前端·javascript·ai编程
吴声子夜歌1 小时前
Vue3——使用Vue Router实现路由
前端·javascript·vue.js·vue-router
烛衔溟1 小时前
TypeScript 函数重载(Overloads)
javascript·ubuntu·typescript