HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
ALONE阿龙太原微码5 分钟前
微信小程序包体积优化:2MB 到 400KB 的实操记录
前端
掘金挖土7 分钟前
前端手摸手跑路之 AI 应用开发(十一)
前端·后端
创了么OPC9 分钟前
小程序能收款了,对公户还没开?独立开发者的交付闭环踩坑②
前端·微信小程序
IT_陈寒10 分钟前
Vue动态组件缓存的坑你踩过了吗?
前端·人工智能·后端
szp200514 分钟前
Cache API 会丢掉 URL 里的 #:我的 9 个模型分块一直写在同一条缓存上
javascript·浏览器
寂寞狼牙冷23 分钟前
封装fetch替换axios
前端
用户4611696572839 分钟前
网站 HTTPS 不稳定?证书排查指南
前端
n87651 小时前
Playwright Java WEB UI 自动化实现框架与逻辑
java·前端·ui
keyipatience1 小时前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
xifangge20251 小时前
基于 JavaScript 实现 CNC 数控切削参数与螺纹公差纯前端核算引擎
开发语言·前端·javascript