Tags

探索与 "html" 相关的所有文章

html

共有 9 篇文章

在网页开发中，布局是构建用户界面的基石。HTML 提供了多种布局手段，从早期的表格布局到现代的 Flexbox 和 Grid，每种技术都有其适用场景和优缺点。本文将系统性地介绍 HTML 的主要布局方式，帮助你根据项目需求选择最合适的方案。 1. 传统布局方式 1.1 表格布局（Table Layout）在 CSS 布局技术成熟之前，开发者常使用 HTML 表格（<table>）来实现页面布局。优点：简单直观，易于理解天然支持行列对齐兼容性极好缺点：语义化差，表格本应用于展示数据代码冗余，需要大量嵌套标签维护困难，修改布局需要调整整个表格结构不利于搜索引擎...

2026-05-28

阅读全文

CSS阴影

「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。在我看来，最好的网站和Web应用程序对它们具有切实的”真实”质量。实现这种质量涉及很多因素，但阴影是一个关键因素。然而...

2025-12-02

阅读全文

Flex 布局下文字省略不生效？原因其实很简单

概述在开发中，我们常遇到这种布局：A、B、C 三段文本长度不固定，其中 A、C 占用空间较少，需要完整显示；而 B 是自适应区域，超出部分需省略显示。A 与 B 共享同一容器，右侧的 “Live...

2025-11-19

阅读全文

CSS 的弹性布局

#CSS 的弹性布局在此之前，我们写的页面上元素是按照先后顺序排列的，块元素总是占据一行，不受我们控制。例如之前语义化章节中的示例代码中，aside 块作为侧边栏，却并没有显示在侧边，而是单独占据一行。本节将学习 CSS 中最常用的布局方式——弹性布局，它可以方便地控制容器内项目的排列、对齐和分布方式。通过将一个元素样式的 display 属性设为 flex，可以将该元素设为弹性布局的 ...

2025-10-25

阅读全文

CSS 的网格布局

#CSS 的网格布局CSS 网格布局（Grid Layout）是一个强大的 2D 布局系统，可精确地控制页面的行和列布局，比 Flex 更适合结构化排布。通过将一个元素样式的 display 属性设...

2025-10-24

阅读全文

HTML 元素帮助手册

#HTML 元素帮助手册转载自 MDN #主根元素元素描述表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其它元素必须是此元素的后代。 #文档元数据元...

2025-10-23

阅读全文

html5的新增标签

HTML5新增结构标签HTML5引入了多个语义化标签，用于更清晰地描述网页结构： <header>：定义文档或节的页眉 <footer>：定义文档或节的页脚 <nav>：定义导航链接 <article>：定义独立的内容块 <section>：定义文档中的节 <aside>：定义页面内容之外的内容（如侧栏） HTML5新增多媒体标签为支持原生多媒体内容，新增以下标签： <audio>：嵌入音频内容 <video>：嵌入视频内容 <source>：为多媒体元素定义多种媒体资源 <...

2025-10-22

阅读全文

Web前端初级考试html涉及的知识点

HTML 基础概念HTML（超文本标记语言）是构建网页的核心技术，用于定义网页结构和内容。考试通常涵盖以下基础知识点： HTML 文档基本结构：<!DOCTYPE> 声明、<htm...

2025-10-21

阅读全文

从0到1实现简单网页效果

1、HTML 概述HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。它通过标签（tags）定义网页的结构和内容，浏览器解析这些标签后渲染出可视化的页面。H...

2025-10-20

阅读全文