11、HTML基础——容器元素

lvh98

已于 2022-08-02 16:16:23 修改

阅读量832

点赞数

分类专栏： web前端学习笔记（HTML+CSS篇）文章标签： css html html5

于 2021-10-12 15:23:28 首次发布

本文链接：https://blog.youkuaiyun.com/lvh98/article/details/120724304

版权

web前端学习笔记（HTML+CSS篇）专栏收录该内容

38 篇文章

订阅专栏

本文将深入解读div、header、footer、article、section和aside等容器元素在现代Web开发中的重要性，以及它们如何提升页面结构的清晰度和SEO优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

容器元素

容器元素：该元素代表一块区域，内部用于放置其他元素。

1. div元素

没有语义

2. 语义化容器元素

header: 通常用于表示页头，也可以用于表示文章的头部

footer：通常用于表示页脚，也可以用于表示文章的尾部

article：通常用于表示整篇文章

section：通常用于表示文章的章节

aside：通常用于表示侧边栏

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lvh98

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML 基础标签——分组标签＜div＞、＜span＞和基础语义容器

Allen-

11-01

592

HTML中的分组（容器）标签用于结构化内容，将页面元素组织成逻辑区域，使页面更具可读性和易维护性。这些标签既有纯粹的结构性标签（如 `` 和 ``），也有提供语义信息的标签（如 ``、`` 和 ``）。

CSS开发基础——块级元素和内联元素

miao_9的博客

01-14

1295

CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别： 1、内联元素会在一条直线上排列（都是同一行的水平方向排列）； 2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）； 3、块级元素可以包含行内元素和块

参与评论您还未登录，请先登录后发表或查看评论

【Web前端】HTML 列表和容器元素

一条晒干的咸鱼的博客

08-16

1679

HTML 提供了多种方式来组织和展示内容，其中包括无序列表、有序列表、分区元素和内联元素、以及如何使用进行布局和表格布局。

HTML：容器元素

雷爷的博客

08-27

2130

容器元素容器元素：该元素代表一个块区域，内部用于放置其他元素 div元素没有语义 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...

【前端基础】3、HTML的常用元素（h、p、img、a、iframe、div、span）、不常用元素（strong、i、code、br）

最新发布

陌上人如玉，公子世无双。

03-02

871

规定文档的配置信息（也成为元数据），包括文档的标题，引用的文档样式、脚本信息等等。元素里面的内容是在浏览器窗口中看到的东西，也就是网页的具体内容和结果。①如果图片加载失败（图片地址错误或者图片不存在），那么会显示这段文本。HTML最一方的文档称为：文档类型声明，用于声明文档类型。表示一个HTML 文档的根（顶级元素），也成为根元素。在一个HTML文档中嵌入另一个HTML文档。作用：将图片嵌入文档。告诉浏览器显示图片。其他元素必须是这个元素的后代。元素：定义超链接，用于打开新的。包含你想嵌入图片的路径。

HTML（七）——html容器

程序员的时光

03-05

6874

1.DIV HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。 DIV当做容器使用，本身没有实际效果，可以独占一行； <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here&lt

HTML 容器元素

2401_87680542的博客

11-03

header：通常用于表示页头，也可以用于表示文章的头部。footer：通常用于表示页脚，也可以用于表示文章的尾部。aside:通常用于表示侧边栏（表示附加的额外信息。section:通常用于表示文章的章节。article:通常用于表示整篇文章。HTML5新加了有语义的容器元素。没有语义，表示有一块区域。内部用于放置其它的元素。## 语义化容器元素。

HTML核心（10）- 容器元素

m0_43416592的博客

08-19

151

容器元素

html中的容器元素

qq_41938120的博客

03-09

563

容器元素容器元素:该元素代表一个块区域，内部放置其他元素 div：没有语义 header：通常用于表示页头，也可表示文章的头部 footer：通常表示页脚，也可以表示文章的尾部 article：通常用于表示整篇文章 section：通常用于表示文章的章节 aside：通常用于表示侧边栏 ...

HTML基础——适合有一点基础的小白

12-10

总的来说，这个“HTML基础——适合有一点基础的小白”的教程可能涵盖了HTML的基本元素、结构和属性，以及CSS的基础样式设置、选择器和过渡效果。对于想要深化对这两门语言理解的初学者，这是一个很好的起点。通过...

HTML基础知识——css样式表,样式属性,格式与布局详解

09-28

HTML基础知识中的CSS样式表是构成网页外观的重要部分，它定义了网页内容的布局、设计和风格。CSS样式表通过设置元素的样式属性，来控制这些元素如何展示在浏览器中，包括文字、颜色、边框、背景以及页面的格式与布局...

一个简单的HTML网页——传统节日春节网页(HTML+CSS)

08-10

- **DIV+CSS**: 这种布局方法强调内容与表现分离的原则，即使用`<div>`等容器元素来组织内容，而用CSS来控制这些内容的样式和布局。这种方式使得网页更加灵活、易于维护，并且能够更好地适应不同屏幕尺寸。 - **响应...

容器元素

Mr_Envelope的博客

10-07

166

容器元素容器元素：该元素代表一块区域，内部用于放置其他元素。 div元素没有语义语义化容器元素 header:通常用于表示页头，也可以表示文章的头部。 footer:通常用于表示页脚，也可以表示文章的尾部。 article：通常用于表示文章内容。 section：通常用于表示文章的章节。 aside:通常用于表示侧边栏（附加信息）。 ...

-容器元素

weixin_60732933的博客

08-02

179

前端html、仅个人学习备份使用，若有错误欢迎指出~

HTML之容器元素

JEFF_xieyuzhi的博客

05-30

429

文章目录容器元素div元素语义化容器元素容器元素容器元素：改元素代表一个块区域，内部用于放置其它元素 div元素没有语义语义化容器元素 header：通常用于表示页头，也可以用于表示文章的头部 footer：通常用于表示页脚，也可以用于表示文章的尾部 article：通常用于表示整篇文章 section：通常用于表示文章的章节 aside：通常用于表示侧边栏 ...

10.容器元素

hua_cuo的博客

12-04

182

容器元素容器元素：该元素代表一块区域，内部用于放置其他元素 div元素没有语义语义化容器元素 header：通常用于表示页头，也可用于表示文章的头部（中可能与h1，其他元素） footer：通常用于表示页脚，也可用于表示文章的尾部 section：通常用于表示文章的章节 aside：通常用于表示附加信息（侧边栏等） article：通常用于表示文章（可能有header，，section，aside，footer） ...

可以存放html控件的容器

陆俊杰-工作笔记

01-10

664

this.Controls.Add(new LiteralControl("Value: ")); TextBox box = new TextBox(); box.Text = "0"; this.Controls.Add(box); this.Controls.Add(new LiteralControl(""));