HTML结构详解

一、结构详解

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

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

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

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

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

二、标签之间的关系

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

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

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

相关推荐
你不讲 wood2 分钟前
组件通信——provide 和 inject 实现爷孙组件通信
前端·javascript·vue.js
我码玄黄10 分钟前
高效Flutter应用开发:GetX状态管理实战技巧
前端·flutter·状态管理
codeMing_14 分钟前
Vue使用query传参Boolean类型,刷新之后转换为String问题
前端·javascript·vue.js
神仙别闹36 分钟前
基于Java+Mysql实现(WEB)宿舍管理系统
java·前端·mysql
有一个好名字1 小时前
后端Controller获取成功,但是前端报错404
前端·spring
stpzhf1 小时前
记录特别代码样式
前端·javascript·css
Jet_closer_burning1 小时前
css grid布局属性详解
前端·css·html
安冬的码畜日常1 小时前
【CSS in Depth 2 精译_026】4.4 Flexbox 元素对齐、间距等细节处理(上)
前端·css·css3·html5·flexbox·css布局
本郡主是喵1 小时前
由于安装nvm 引发的vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
前端·javascript·vue.js
界面开发小八哥1 小时前
甘特图组件DHTMLX Gantt中文教程 - 如何实现持久UI状态
javascript·ui·项目管理·甘特图·dhtmlx