HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
索西引擎13 小时前
【React】key 属性:协调算法中的元素标识机制与最佳实践
前端·javascript·react.js
只会cv的前端攻城狮14 小时前
动态组件架构设计:从配置到事件驱动全链路解析
前端·vue.js
飞天狗14 小时前
Next.js 16 App Router 实战:服务端组件与流式渲染
前端·next.js
OpenTiny社区14 小时前
TinyEngine 2.11版本发布:AI 进一步融入画布,Vue 工程可一键转DSL
前端·vue.js·github
小雪_Snow14 小时前
JavaScript 中的三种常用事件
开发语言·前端·javascript
Hyyy14 小时前
Electron-Vite是什么,和Vite有什么区别
前端·面试
蓝胖子酱14 小时前
在 Electron 中用 electron-store 实现加密存储与自定义格式文件
前端·javascript·数据库
虚焦像素_14 小时前
海康 Web 插件版接入指南:用法与注意事项
前端
虚焦像素_14 小时前
海康 Web 无插件版接入指南:用法与注意事项
前端
To_OC15 小时前
LC 22 括号生成:刷完这道题,我终于搞懂回溯剪枝了
javascript·算法·leetcode