Skip to content

Commit

Permalink
chore(zh-cn): remove classes setted in <table> elements (#25202)
Browse files Browse the repository at this point in the history
  • Loading branch information
yin1999 authored Dec 25, 2024
1 parent 7480302 commit b61971b
Show file tree
Hide file tree
Showing 91 changed files with 91 additions and 91 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/Accessibility/CSS_and_JavaScript

当 CSS 和 JavaScript 使用得当,很有可能改善 Web 访问体验,相反如果滥用的话,则会在极大程度上损害无障碍。本文概述了一些应该被考虑的 CSS 和 JavaScript 的最佳实践,这些实践保证了即使是复杂的内容也可以尽可能的容易被访问。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">准备:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/Accessibility/HTML

在网页开发的过程中,用正确的 HTML 标签来表达正确的意图,可以提升网页的无障碍。这篇文章将会详细介绍如何最大化地提升网页的无障碍。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ original_slug: Learn/Accessibility/Multimedia

可能导致无障碍(accessibility)问题的另一类内容是多媒体——视频、音频和图像内容需要提供适当的文本替代方式,以便辅助技术及其用户能够理解它们。本文展示了具体内容。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">先决条件:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ l10n:

接下来,我们将关注无障碍,提供关于一些常见问题的信息,如何进行简单测试以及如何使用审核/自动化工具来查找无障碍问题。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/Accessibility/What_is_accessibility

本文作为本模块的开篇阐述了究竟什么是“无障碍” — 主要包括哪些用户群体是我们所需要和为什么需要考虑的,不同用户使用哪些工具与网页交互,以及我们在网站开发流程中如何构建无障碍。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Flexbox

[弹性盒子](/zh-CN/docs/Web/CSS/CSS_flexible_box_layout)是一种用于按行或按列布局元素的一维布局方法。元素可以膨胀以填充额外的空间,收缩以适应更小的空间。本文将解释所有的基本原理。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Floats

{{cssxref("float")}} 属性最初只用于在成块的文本内浮动图像,但是现在它已成为在网页上创建多列布局的最常用工具之一。本文将阐述它的有关知识。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">要求:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ original_slug: Learn/CSS/CSS_layout/Grids

CSS 网格是一个用于 web 的二维布局系统。利用网格,你可以把内容按照行与列的格式进行排版。另外,网格还能非常轻松地实现一些复杂的布局。关于使用网格进行页面排版,这篇文章包含了你需要的一切知识。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Introduction

本文将回顾我们以前模块中已经介绍过的一些 CSS 布局特性——例如不同的{{cssxref("display")}}值——并介绍我们将在本模块中使用的一些概念。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Legacy_Layout_Methods

在 CSS 布局中,网格系统是一种非常常见的布局方式,并且在 CSS 网格布局之前,它们倾向于由浮动和其他的布局功能实现。假想你的布局是一组数字标注的列(例如 4、6 或者 12),然后把你的内容填充到这些想象的列中。这篇文章将要探讨这种早期的方法是怎么实现的,来帮助你在旧项目工作时更好地理解他们。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Media_queries

**CSS 媒体查询**为你提供了一种应用 CSS 的方法,仅在浏览器和设备的环境与你指定的规则相匹配的时候 CSS 才会真的被应用,例如“视口宽于 480 像素”的时候。媒体查询是响应式 Web 设计的关键部分,因为它允许你按照视口的尺寸创建不同的布局,不过它也可以用来探测和你的站点运行的环境相关联的其他条件,比如用户是在使用触摸屏还是鼠标。在本节课,你将会先学习到媒体查询的语法,然后继续在一个被安排好的示例中使用它,这个示例还会告诉你一个简单的设计是可以怎么被弄成响应式的。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Multiple-column_Layout

多列布局声明提供了一种多列组织内容的方式,正如你在一些报纸中看到的那样。这篇文章介绍怎么使用这一特性。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Practical_positioning_examples

掌握了上一篇文章中的定位的基础知识,我们将着眼于实现一些现实中的例子,来演示你能用定位来做什么。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row"><p>前提:</p></th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Responsive_Design

早年设计 Web 时,页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕,那么结果从多余的滚动条,到过长的行和没有被合理利用的空间,不一而足。随着人们使用的屏幕尺寸的种类越来越多,出现了响应式网页设计的概念(_responsive web design,RWD_),RWD 指的是允许 Web 页面适应不同屏幕宽度因素等,进行布局和外观的调整的一系列实践。这是改变我们设计多设备网页的方式的思想,在这篇文章里,我们将会帮你理解掌握它时所需知道的主要技能。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/CSS_layout/Supporting_Older_Browsers

本文中,我们推荐使用弹性盒和网格作为你的设计的主要布局方式。但是,你的网站的访客会有人使用旧浏览器,或者是不支持你已经使用的方式。这总是 Web 上存在的情况,因为新的特性被开发出来,不同的浏览器会优先支持不同的特性。本文解释了如何使用现代的 Web 技术,而无需让采用旧技术的用户被拒之门外。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Introdu

在本章节我们开始大致了解框架,简要回顾 JavaScript 和框架的历史,为什么框架会存在以及它们提供了什么,如何开始考虑选择一个框架并学习,以及对于客户端框架还有什么替代方案。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_g

本文会引导我们进入一段 React 学习之旅。我们将逐步了解有关它的背景和用例的一些细节,在自己的电脑上建起基本的 React 工具链,创建并使用一个简单的入门应用程序,以学习一些关于 React 在此过程中如何工作的知识。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_fir
> [!NOTE]
> 如果你需要根据我们的版本检查你的代码,你可以在我们的 [todo-vue](https://github.com/mdn/todo-vue) 仓库找到中找到示例 Vue 程序代码的完成版本。有关运行中的实时版本,请参见 <https://mdn.github.io/todo-vue/>
<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Vue_get

现在让我们介绍 Vue,我们的第三个框架。在本文中,我们将了解一点 Vue 的背景知识,了解如何安装它并创建一个新项目,研究整个项目和单个组件的高级结构,了解如何在本地运行项目,并为开始构建示例做好准备。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">预备条件:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/First_steps/Arrays

在本模块的最后一篇文章中,我们将看看数组——一种将一组数据存储在单个变量名下的优雅方式。现在我们看看它有什么用,然后探索如何来创建一个数组,检索、添加和删除存储在数组中的元素,以及其他更多的功能。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/Building_blocks/Build_your_own_function

我们在之前的文章里大多学的是理论,这篇文章将提供一个练习的机会——你将练习构建一些你自己风格的函数。在练习过程中,我们也会解释一些针对函数的更深层的实用细节。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">先修知识:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/Building_blocks/Image_gallery

我们已经学习了 JavaScript 基础的块结构,下面我们通过编写一个常见的基于 JavaScript 的图片库来测验一下你对于循环、函数、条件和事件的掌握情况。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/Objects/JSON

JavaScript 对象表示法(JSON)是用于将结构化数据表示为 JavaScript 对象的标准格式,通常用于在网站上表示和传输数据(例如从服务器向客户端发送一些数据,因此可以将其显示在网页上)。你会经常遇到它,所以在本文中,我们向你提供使用 JavaScript 处理 JSON 的所有工作,包括访问 JSON 对象中的数据项并编写自己的 JSON。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/Building_blocks/Looping_code

编程语言可以很迅速方便地帮我们完成一些重复性的任务,从多个基本计算到几乎完成了很多类似工作的其他情况。现在我们来看看处理这种需求的 JavaScript 中可用的循环结构。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/First_steps/Math

在本次课程中,我们讨论 JavaScript 中的数学 — 我们如何使用 {{Glossary("Operator","运算符")}} 和其他功能来成功地操作数字以完成我们的请求。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/Building_blocks/Return_values

函数返回值 - 是本章中最后一个基础概念,让我们一起来瞧瞧.。有些函数在执行完毕后不会返回一个有用的值,但有些会,重要的是理解返回的是什么,怎样使用这些值在你的代码中,我们将在下面讨论这些。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/First_steps/Silly_story_generator

本节是一个小测验,要求你运用所学知识制作一个笑话生成器。祝玩的愉快!

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/First_steps/Useful_string_methods

现在我们学习基本的字符串语法,让我们开始思考一下我们可以对内置方法的字符串做什么有用的操作,例如查找文本字符串的长度,加入和分割字符串,将字符串中的一个字符替换为另一个字符。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/JavaScript/First_steps/What_went_wrong

上一节中你创建了“猜数字”游戏,但它可能没有正常工作。别担心,本节将为你提供一些简单的提示,来帮助你查找并修复 JavaScript 程序中的错误,从而让你远离困扰。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/HTML/Introduction_to_HTML/Debugging_HTML

HTML 优雅明了,但要是出了错,你会不会一头雾水呢,本节将介绍一些查找和修复 HTML 错误的工具。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/HTML/Tables/Structuring_planet_data

在我们的表格评定中,我们为你提供有关太阳系中行星的一些数据,并让你将其结构化成 HTML 表。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content

构建页面内容是一项重要技能,页面构建清晰才能顺利交付进行 CSS 布局。本测验将测试你是否能构思出页面的最终外观,以及是否会选用适当的结构语义。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/HTML/Introduction_to_HTML/Document_and_website_structure

{{glossary("HTML")}} 不仅能够定义网页的单独部分(例如“段落”或“图片”),还可以使用块级元素(例如“标题栏”、“导航菜单”、“主内容列”)来定义网站中的复合区域。本文将探讨如何规划基本的网站结构,并根据规划的结构来编写 HTML。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Advanced_styling_effects

这篇文章展示了盒子的小技巧,提供了一些高级特性的介绍,这些特性不适合其他类别的样式,比如盒子阴影、混合模式和滤镜。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Selectors/Attribute_selectors

从 HTML 的学习中,你已经知道,元素可以带有属性,它提供了关于如何标记的更详细信息。CSS 中,你能用属性选择器来选中带有特定属性的元素。本节课中,我们将会为你展示如何使用这些很有用的选择器。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Selectors

{{Glossary("CSS")}}中,选择器用来指定网页上我们想要样式化的{{glossary("HTML")}}元素。有 CSS 选择器提供了很多种方法,所以在选择要样式化的元素时,我们可以做到很精细的地步。本文和本文的子篇中,我们将会详细地讲授选择器的不同使用方式,并了解它们的工作原理。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Selectors/Combinators

我们要了解的最后一种选择器被命名为关系选择器(Combinator),这是因为它们在其他选择器之间和其他选择器与文档内容的位置之间建立了一种有用的关系的缘故。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">学习前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/A_cool_looking_box

在这个评估里,通过尝试创造一个引人瞩目的盒子,你将得到更多关于如何创造酷炫盒子的练习。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Debugging_CSS

你有时写 CSS 会碰到这样的问题:结果看起来和你想的不太一样。你可能会认为 selector(选择器)匹配到了元素但是什么都没发生,还可能会觉得盒子的大小与你想的有出入。这篇文章会教你着手调试 CSS,向你展示现代浏览器中的 DevTools 是怎样让你更方便地获悉发生了什么。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">必备条件:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper

如果你想给人留下好印象,把信写在一张精美的信纸上会是个不错的开始,在这个评估里我们希望你能创建一个在线模版来达到这样的效果。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Fundamental_CSS_comprehension

你已经在这个模块中了解到了很多内容,所以当你达到这个模块的最后一篇文章的时候,感觉一定非常不错吧!在你继续之前的最后一步,就是完成对于这个模块的测验。本次测验涉及到几个相关的练习,你必须按顺序完成,这样你才能设计出最终的成品:一张名片/游戏玩家卡片/社交媒体的简介。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ l10n:

但近年来,CSS 不断发展,以更好地支持不同方向的内容,包括从右到左和从上到下的文本(如日文)——这些不同的方向属性被称为**书写模式**。随着学习的深入,当你开始试着对页面进行布局时,对书写模式的了解将会对你很有帮助,为此我们在这里加以介绍。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Images_media_form_elements

在这节课里,我们来看一下,CSS 是如何处理某些特殊元素的。图像、其他媒体和表格元素的表现和普通的盒子有些不同,这取决于你使用 CSS 格式化它们的能力。理解什么可能做到,什么不可能做到能够省些力气,本节课将会聚焦于一些你需要知道的主要的事情上。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ original_slug: Learn/CSS/Building_blocks/Organizing

在开始在更大的样式表和大项目上作业的时候,你会发现维护一个大型的 CSS 文件很有挑战性。在本文中,我们将会简要看一下在编写你的 CSS 时,让它更加易于维护的一些最佳实践,以及你会在其他人那里看到的,用来增强可维护性的解决方案。

<table class="learn-box standard-table">
<table>
<tbody>
<tr>
<th scope="row">前提:</th>
Expand Down
Loading

0 comments on commit b61971b

Please sign in to comment.