HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
不买Huracan不改名11 分钟前
安装Codex(需要用npm)
前端·npm·node.js
Dorcas_FE19 分钟前
axios请求缓存与重复拦截:“相同请求未完成时,不发起新请求”
前端·spring·缓存
dreams_dream27 分钟前
vue中axios与fetch比较
前端·javascript·vue.js
wallflower20201 小时前
Web Workers:前端多线程解决方案
性能优化·html
梦鱼1 小时前
Vue 项目图标一把梭:Iconify 自用小记(含 TS/JS 双版本组件)
前端·javascript·vue.js
best6661 小时前
Flex 与 Grid 的 order 参数:布局界的 "插队神器"
前端
小噔小咚什么东东1 小时前
看到了很多次WebRTC,但是你真的需要它吗?
前端·webrtc
猫七先生1 小时前
微信小程序一键登录可行性方案
前端·微信小程序
维他AD钙1 小时前
前端开发 8 个非常实用小技巧:高效解决日常开发痛点
前端