HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
你挚爱的强哥6 分钟前
如何设置 Chrome 打开默认页面不要是360的主页https://hao.360.com/?src=lm&ls=n6205869099
前端·chrome·360首页劫持
总要学点什么10 分钟前
第75篇:右键菜单控件——把一张会做事的菜单钉在鼠标落下的那点
前端·信息可视化·echarts·cesium·空间分析
计算机魔术师16 分钟前
国办说AI要"缓"着上,但你公司可能已经全上完了
前端
IT_陈寒1 小时前
SpringBoot性能优化完全指南
前端·人工智能·后端
烂蜻蜓1 小时前
Pandas入门教程(十二):读取 HTML 表格——read_html 参数详解与网页数据清洗
python·html·pandas
溪语流沙1 小时前
【每天一个CSS | Day33】聚焦即弹出的命令面板
前端·css·html5·组件·每日一练
燕落南枝1 小时前
CSS 用户行为伪类::hover 与 :focus 详解
前端·css
风骏时光牛马1 小时前
业务基础信息管理库
前端
zyxqyy&∞1 小时前
sqli-labs-布尔盲注 (Less-8),时间盲注 (Less-9~10)
前端
m0_敲代码的彭于晏1688 小时前
Vercel 前端部署平台深度评测
前端