HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
雪芽蓝域zzs几秒前
Vue3 + Vite本地模拟数据(读取 JSON 数据)
前端
亿元程序员2 分钟前
还有高手?用Shader让图片中的3D圆环转起来!
前端
灯澜忆梦4 分钟前
【基于GO的Web开发14】gin请求重定向
前端·后端·golang·gin
qq_452396235 分钟前
第十一篇:《前端性能优化体系:从加载到交互的全链路》
前端·性能优化·交互
Mh8 分钟前
听说我兄弟喜欢跑车,所以必须安排上
前端·javascript·vue.js
zttbee9 分钟前
vue学习(白话功能版)
前端·vue.js·学习·前端框架
qq_4260039610 分钟前
多语言新增语种全量测试策略
前端·javascript·python·pycharm·自动化
黄敬峰16 分钟前
从零搭建 Next.js 单词管理系统:Supabase + Drizzle ORM + shadcn/ui 全栈实战
javascript·面试
nicole bai18 分钟前
前端封装el-table及注意点
前端·javascript·vue.js
晨枫阳28 分钟前
Vue 前端构建工具链完全理解指南
前端·javascript·vue.js