快乐十分钟开奖走势图-广东十分快乐开奖结果-广东快乐十分开奖查询

热门关键词: 快乐十分钟开奖走势图,广东十分快乐开奖结果,广东快乐十分开奖查询
您的位置:快乐十分钟开奖走势图 > 广东十分快乐开奖结果-web前端 > 原文出处

原文出处

2019-09-18 03:44

是时候再提web标准

2016/07/06 · 基本功本领 · WEB

原来的书文出处: 灵感(@灵感_idea )   

**背景**

**web规范是个新瓶装旧酒的话题。引进本国的时刻,粗略算下来,有十年左右了。然而出于国内前端优才的缺点和失误和血脉相通教育跟进的迟滞,产生了好几个人都未曾对它引起丰硕的依赖并应用到本人的其实项目在那之中,同不经常候又花了相当多精力在纷繁扬扬的新手艺方案和工具中,那就产生了本领断层,影响不是叁个几个人,而是一大一部分,假如再缺少相关的准确引导,就可以保留相当多不科学的编码习贯,对于个人成长和所做的类型都是不利的。**

为什么是时候再提呢?能够先来看看上面一张有着自然代表性的图,截自己的企鹅群(152128548)

图片 1

1、标签仍在被滥用
2、珍视觉,轻语义和布局
3、热衷于跟进火热新技巧,不重视基础
4、当自个儿在跟我们说爱护基础的时候,要么有一些人会讲原生js,要么有些人说css原理和技能,没人说html

是因为上述的几点,加上各样地方和集会就如相当少聊起那几个地点的东西,新手在被行家“牵”着走,老鸟的生命力又不在那几个相比较基础的东西上。那篇文呢,便是跟大家共同重临起源,去拜谒如何是好才总算符合了web规范的编码。

主题素材根源

1、门槛低、简单

十21日就足以调节html,常用标签非常少,用不到的永不管

比如:h1~6、p、span、div、img、a、input等,大家来随意的看一张截图

图片 2

上边是某宝PC端的登录页,大概是出于各样原因(不详),只用了一些些的竹签,所以,并不说它是不好的可能是错的,但它是任何相当的多人的形容。若是自个儿说html标签有100多个,你会是如何影响?

1、不精通,没悟出有那样多
2、知道,但感到相当多都用不上

你会是哪类?

怎么在适宜的时候,合适的地方,使用正确的标签,那是web标准的着力须要。前面细说。

CSS很轻便,常用属性也就那么多

宽、高、边框、背景、定位、浮动、边距,若是您调控了那般多,那么就能够回答非常多页面布局的意况了。假若您由此就感到css极粗略,那么就等着它来“惩罚”你吧。

倒霉的上边:各个包容难题,种种奇葩布局须要,各个不可预感的bug

好的地点:大多好奇的技术和css3新性情,能够补助大家做出充满美感又美妙的作用

假若您照样以为CSS太简单,那么请看一下这里https://drafts.csswg.org/indexes/,要坚强~

2、只须要做“对”,没有需求抓牢

好些个时候,尽管写错了浏览器会包容它,当大家的代码是不职业的,乃至一时是错的,不过浏览器依旧将它“符合规律”展现出来,那个时候,大家发掘不到和睦的谬误。认为看起来没难题就没难题,那是很危险的。

标签不用放在心上,交给CSS去管理就好,理论上,大家得以通过自然的CSS准绳,大肆的更改三个成分的显现,那就形成了对html标签的不尊重,因为我们总能让它们看起来未有别的难题。

3、热衷于“向前看”

学学新手艺,丰硕本人的本事树——html5、canvas、svg、react、ES6等。

缓和“难点”——感到一般的劳作没什么挑衅了,所以不屑于去深挖自个儿早已会了东西。

做出炫目的坚守——纯CSSLogo、动画,3D动画,canvas动画等。

跟风式学习——大家都在谈,业界都在捧,看起来很好的东西,就开首不耐烦不安,整装待发,其实有句话叫做:“基础不牢,地动山摇”,兴致冲冲的去读书新的事物的时候,往往会发觉,未有丰裕的底子,是很难前行的。

地点说的这几个是错的么?当然都对,特别是在技巧提升立异迭代速度快的互连网世界,想会得越来越多让协调更加强,同期会的愈来愈多在其实使用中可选择的方案也更加的多,兴趣驱动去学习,那是好事,小编要好也是这么的,但大家须求留神的是,学习不是一条直线,无法顺着一条线一敬慕前冲,除了长度,还应该有深度,要求我们不断的从各样方面去打磨和填充才具改进。

文书档案结商谈含义为先

大家都了解,完结一种成效能够有三种措施,那么哪一类才是最优的?来看例子

列表

怎么特色啊?最明显的便是有比比较多项,项和项之间互相独立,竖着排列,像那样

自己是列表
自个儿是列表
本身是列表

它能够被哪些写啊?

1、

XHTML

自己是列表<br> 笔者是列表<br> 我是列表<br>

1
2
3
我是列表<br>
我是列表<br>
我是列表<br>

2、

XHTML

<li>作者是列表</li> <li>作者是列表</li> <li>作者是列表</li>

1
2
3
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>

3、

XHTML

<ul> <li>作者是列表</li> <li>我是列表</li> <li>笔者是列表</li> </ul>

1
2
3
4
5
<ul>
    <li>我是列表</li>
    <li>我是列表</li>
    <li>我是列表</li>
</ul>

地方三种是比较直接想到的对的写法,当然也得以用ol,算同一种办法。它们所能完结的功用是周围的,往往我们会从表现的角度思索说第一种相当不足灵活,不能调控样式,第二种方法浏览器也不会不搭理你,它会把li深入分析成块级成分,让它们单独排列,但它失去了告知浏览器“小编是个列表”的注解,也正是外围容器(ul/ol),最棒的写法明确是第三种,它不止看上去是对的,还告知浏览器那是个列表,还也许有列表所应当的天性,比方“缩进”和“重视号”,当然,最大的补益照旧是它是有意义的,也是怎么那边未有提div和p等要素的由来。

标题

用作标题,特点也简要,比页面上别的的文件更加大、越来越粗。
咱俩得以如此写:

1、

XHTML

<span class="head">作者是标题</span>

1
<span class="head">我是标题</span>

2、

XHTML

<p><b>作者是标题</b></p>

1
<p><b>我是标题</b></p>

3、

XHTML

<h1>笔者是标题</h1>

1
<h1>我是标题</h1>

不看代码的情事下,三者可以同样,但看了代码的话,大家应该都会第两种写法是最棒的,第两种写法的功利有啥样?

1、自个儿是块级成分
2、是不相同常常的,不像p只怕span等因素会用到页面个中的多数地点
3、越发重大的是,在不加任何css法则的情事下,标题成分如故显著是个标题,页面包车型大巴无样式视图将显得其预期的文书档案结构,正确的标题成分传递了“意义”而不只是显现指令
4、显示器阅读器、手提式有线电话机和别的浏览器也将明了怎么着管理标题成分
5、搜索引擎友好,除了title和meta,题目是最也许存在根本字的地点,利用好它,会越来越有益于客户找到你的页面

不过它有未有标题找麻烦着大家吧,答案是有,h1和h2那几个题指标私下认可样式被认为过分粗大,那会让有些人赞成于选用越来越高端其余标题成分,其实这几个我们都了然,不是大问题,能够用css来支配,前提是:先结构,后显示。至于采取使用h几,亦非一向不保养的,它们既是是分了品级,那当然是有自然意义所在,一般的话,h1是个相当重要的标志,页面个中有二个就好,然后,不要出现就如h2包裹h1的场所。

表格

当今假若涉及表格(table),相当多少人会以为滑稽,使用web规范营造网址的三个最荒唐的布道正是您应有长久不接纳表格。

无可置疑,使用table来布局确实是有劣点,但并不意味大家无法用表格来做适合它做的事,举个例子:数据化表格。

最简易的表格能够有上边那个结构:

XHTML

<table> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> <tr><td></td><td></td></tr> </table>

1
2
3
4
5
<table>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
</table>

不时,我们会在表格的上面加一点表明性文字,日常我们会习贯性的使用h*恐怕p标签来包裹这一段内容,假若您是用div,那么…

事实上大家有越来越好的选料——<caption>,那么些是表格自个儿的专有标题哦,有它怎么我们还要用别的啊?

除开,假诺大家想给表格的首先行算作表头,能够咋做吗?能够这么:

XHTML

<tr><th></th><th></th><th></th></tr>

1
<tr><th></th><th></th><th></th></tr>

把那行代码放在第一行,th标签会给它分歧于td的样式来差异出和其他行的比不上,其它它可以是行的,也足以是列的,怎么区别呢?还应该有那个——scope属性scope=row/col,把此属性增加到th标签中就能够安装它的名下。

但如此就够了啊,倘使对于简易的报表来讲已经相当好,那么看似它还没有相比较清晰的逻辑结构,那么,不卖关子了。较完整的表格,应该是上面那样:

XHTML

<table summary="那是贰个报表的内容简要介绍" cellspacing="0"> <caption>表格标题</caption> <thead> <tr> <th scope="col" id="name">姓名</th> <th scope="col" id="address">地址</th> <th scope="col" id="databirthday">出破壳日期</th> </tr> </thead> <tbody> <tr> <td>ewee<td> <td>hubei<td> <td>19880102<td> </tr> <tr> <td>rewe<td> <td>wuhan<td> <td>419860103<td> </tr> <tr> <td>ertww<td> <td>yichang<td> <td>一九九零0205<td> </tr> <tbody> <tfoot><tr><td>one</td><td>two</td><td>three</td></tr></tfoot> </table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table summary="这是一个表格的内容简介" cellspacing="0">
    <caption>表格标题</caption>
        <thead>
            <tr> <th scope="col" id="name">姓名</th> <th scope="col" id="address">地址</th> <th scope="col" id="databirthday">出生日期</th>
            </tr>
        </thead>
        <tbody>
            <tr> <td>ewee<td> <td>hubei<td> <td>19870102<td>
            </tr>
            <tr> <td>rewe<td> <td>wuhan<td> <td>419880103<td>
            </tr>
            <tr> <td>ertww<td> <td>yichang<td> <td>19870205<td>
            </tr>
    <tbody>
    <tfoot><tr><td>one</td><td>two</td><td>three</td></tr></tfoot>
</table>

是或不是清醒万分的显明,慢着,summary=”那是一个表格的内容简要介绍”那句是怎么鬼?好呢,看内容便知,它是关于表格的贰个简要介绍,那么些简单介绍客户是看不到的,荧屏阅读器能够接纳该属性。

<strong><em><b><i>和任何短语成分

短语成分,在于调控的颗粒更加小,非亲非故布局,和呈现也未尝太大关系(尽管它会有加粗或许倾斜的效用),用来对于页面中的有个别特殊内容做出专门的标志,举个例子“强调”、“引用”等。

那么它们的界别在何方?

<strong>代替<b>,<em>代替<i>

流言意义和结构,并不是交由表现指令。

<em>表示强调,<strong>代表进一步重申,在语音合成器客户代理场景下,它们还显现为音量、音调及语速的分别。如若叁个因素要求既重申又斜体,那么大家得以选取准确的竹签,然后通过体制来调节其余地点。

这般之外还可能有其余短语成分,比方:

<cite> 富含对其它来源的引言或引用
<code> 钦命八个管理器代码片段
<var> 表示贰个变量只怕程序参数实例

最小化标示

常备情况下,很少的代码意味着越来越快的下载,还代表越来越少的服务器空间和带宽消耗。有个难题不怕,就算你写出了适合web规范的页面仍旧不能够印证你写出了十足简洁恐怕合理的代码。正所谓法则是死的,轻易产生,遇到实际情形,区别的做法会招致结果差异。在大家成年人历程中,会越过不相同的名师,要么是一篇文章,要么是一本书,要么是有血有肉的某人,追溯到最终仍旧是人,不相同的人,观点和习于旧贯或者两样。比方,你恐怕会养成二个习贯正是指望给全体单独增添样式的要素分配一个类,那样成功了较强的可控性,可是,那样吸引什么秘密的主题材料呢?

1、过多的类
2、类的命名难

除此而外上边两点,还会有一个或然遇见的正是类名重复,然后样式争辨。

莫不上边的主题材料你都遭逢过,只怕也想了办法去命名,去防止争持,但有未有想过来因去果的关联?我们常常会“际遇标题”——“消除难点”,其实大家是在“创设难点”——“化解难点”。从现实况况看,也从不稍微人在尝试的去打破它。

本人感到,为啥要命名那么多的类,因为大家得以经过授予不一样的类名去分别开来元素样式,尽管有个类名字为info,我们得以起个a-info、b-info,那么它们俩正是见仁见智的了,大家仍是能够.a.info、.b.info,同样能够对其进展区分,再提升追溯,我们为何要使用类名来分歧它们?最大的也许就是,我们在同贰个父容器里,使用了比较多同系列的子成分只怕后人成分,那又是怎么吗?是或不是回去了我们开始时期对于html标签的见识上——常用的竹签十分少?事实上,大家平常不加思虑的使用div、p、span,贰个当作大的蕴涵块,七个当作包裹整段文字,span用来包裹行内文字,顶多再增加img、a、i等。作者说的是否很轻巧(不过这么照旧会有人用错)。那么实际上有如此简单吗?便是因为“重视觉,轻语义”,至于我们能想起来使用的正确性的,有含义的价签非常少,以为没有供给锱铢必较,那么网页中那么多的内容,难免会出现大家所说的那么些要素的重新,重复了如何是好?样式差异啊,加类,类多了如何做?想方法区分类,于是,正是您所熟稔的那多少个行当难点了。

想必你会说,在大的、复杂项目里面,那一个都是不可逆袭的,好,我同意你的布道,那如若我们能在协会和意义上做得越来越好,是还是不是能把这种状态大大革新?

其实我们的CSS选拔器丰盛而且正在变得更其强大,大家全然没须求把希望都寄予在加类这一个看起来很省劲的方法上

比如:后代选拔器、子选用器、种种伪类采纳器、兄弟选择器、属性选取器等。

小结:任何做法都不要非白即黑,不偷懒,不马虎,把艺术创立奇妙的组成起来才是正道!

八种风貌的体裁

在日常项目中,我们非常少会遇上特殊的急需,一般假如这么一行代码就够了

XHTML

<link href="" rel="stylesheet" type="text/css">

1
<link href="" rel="stylesheet" type="text/css">

那正是说只要有特有必要,该怎么办?能够看下上边那几个表格

值 描述
screen Computer显示器(暗中认可)。
tty 电传机以及近似的行使等宽字符网格的红娘。
tv TV类型设备(低分辨率、有限的滚屏本事)。
projection 放映机。
handheld 手持设备(小显示器、有限带宽)。
print 打字与印刷预览方式/打字与印刷页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于具备设施。

找到它并轻易,难的是,很五人或许不知从哪个地方出手,未有那个开掘如故概念以来,也就不会去查。理解了那几个,就能够依照区别景观给我们的页面分配不一致的样式准则。

html5来了

必须认同一点,当自家最先见到html5的时候,内心是激动的,在它出现以前,是绝非丰裕用来代表页面结构的语义化标签供大家使用的,一般大家是用“类”或许“id”来定义它们。但是同一时候难点又来了,应该怎么正确的采取它们?正如在此之前我们面临旧版本的html时大意了广大语义化的竹签同样,如若我们不能够对这一个新增加的标签有不易的认知,那么大家同样会深陷泥淖,即便看起来会比在此以前好些。
较常用的有以下这个,你曾经用起来了呢?

<article>
概念外界的剧情(结构成分)

<aside>
概念页面内容之外的剧情。 aside的故事情节与article的开始和结果相关。(结构成分)

<figure>
概念一组媒介内容的分组,以及它们的标题。(结构成分)

<section>
标签订义文书档案中的节(section,区段)。比方章节,页眉,页脚或文档中的别的部分(结构元素)

<time>
概念二个日子/时间 (内联成分)

<audio>
概念声音内容。(内嵌成分)

<video>
概念摄像。(内嵌成分)

<canvas>
概念图形,绘制路线,矩形,圆形,字符以及充足图像的法子

<dialog>
概念对话(会话)dialog成分表示几人以内的对话。HTML5dt成分能够象征讲话者,HTML5dd成分能够代表讲话内容。(结构成分)

<embed>
概念外界交互内容或插件

<footer>
定义 section 或 page 的页脚

<figcaption>
概念 figure 成分的标题

<hgroup>
用于对网页或区段(section)的标题举行理并了结合,对网页或区段的标题实行组合

<header>
概念 section 或 page 的页眉(介绍音信)

<mark>
概念带有暗记的文本,请在急需杰出展现文本时接纳 标签

<nav>
概念导航链接

<source>
概念媒体能源

更加多标签能够参考那张图

要么到此处查看越多

急需留意的几点

布局和表现分离了啊?

从大家最早接触分离观,可能就有一种认知,html里面不用有内联或然内嵌的样式,正是分手了,其实不然。
这带来了一个结果,不尊重标签和类依赖。所以,貌似大家曾经完全做到了分离,但分离之后,结构并未做好它的本职职业,然后恐怕引起咱们只好要用类加以区分,反而因为要照望到样式,在构造和显现之间建设构造相当多纷纷复杂的牵连,那也是拉动爱慕难点的根源之一。不要抱有专门的学业都提交CSS化解,让CSS只做它该做的,也毫不让投机在标签上选用的失误形成见缝插针的理由。

div无罪,table无毒

十几年前,当css出现同有时候普及,大家就开端了对过去页面包车型地铁重构,非常多应用table布局的页面被重新编排,用哪些吧?“div+css”,相信我们都见过此类的教程可能书籍,作者最早见到它的时候,就感觉div是一门工夫,因为它们是天公地道的关联,今后大家都领会,鲜明不是,但它所带来的熏陶是远大的,div初阶在页面中再三现身依然到泛滥的境界,然后,一群比较早觉醒的人以及html5概念的产出,让公众再一次伊始钟情语义化,对div的势态开首了变通,就疑似用了它便是破绽非常多。其实无论是滥用如故不要,都以一种极端的做法,大家应有理性对待本事,它们的发出都以有案由的,也都以有和煦的选择场景的,除非它们被更加好、更合理的事物所代表(比方html第55中学所吐弃的竹签)。不然就活该占据一矢之地,不应当被区分对待。

table也是同样,推行评释它不宜用来大面积的头晕目眩布局,不过照旧有它的使用场景的,上边表格的某些已做了描述,这里就相当少说了。

class还是id?

关于这一点,能够参见一下天涯论坛上这么些题指标答案。

稍微总计下关怀点:

1、id独一性,class重复。依据指标成分的重复性和独天性来定
2、id权重较高
3、外围用id,内部结构善用class
4、前端接纳id操作DOM,重构使用class操作DOM,UI和互动互相独立互不影响

除此以外还建议一些对此class的误用,上边是W3C的陈诉:

class:There are no additional restrictions on the tokens authors can use in the class attribute, but authors are encouraged to use values that describe the nature of the content, rather than values that describe the desired presentation of the content.

情趣是:class应该是描述内容的精神(语义)的并不是内容长什么。

假若根据这种说法,那么有十分多做法都以不妥的,相信大家看过众多“.f12、.fl 、.mr10”之类。

制伏代码洁癖,html标签实际不是越少越好!

代码究竟依旧要付出浏览器依旧是显示屏阅读器去读,并不是人,所以,要是大家只是完结了让人望着是开心的,舒服的,就跑偏了,当然,这里不是为有个别不要求的标签和嵌套找正当理由,而是站在结商谈语义的角度,去接纳应当的,有含义的竹签,标志网页中必要点缀的内容,告诉浏览器它们是怎样。而不止是站在视觉角度思索需无需。

宏观领会,权衡利弊,方可取舍

作为前端,达成一种结构依然一种功用,往往有比很多方案得以用,举例下面所列的html结构,还会有大家常用到的布局方案,CSS效果落到实处,js的艺术,逻辑完结,我们常提到的框架也许库的抉择等

合理性——语义化、结构、逻辑、交互等
成本——学习、合作、迭代、维护等
相配——多版本浏览器,多终端等
性能——传输、解析、查询等

举个栗子,假若您想做动画,怎么办?

flash、css3、js、svg、canvas、Gif等

唯有当大家对每一类达成情势或方案都娴熟了,知道了它的利害和行使场景,本领采用自如,不然正是松绑住了和谐的小动作。

读书能源的精选、标准的权衡

读书财富很首要,是还是不是周详?是还是不是科学?那决定了您对一项技能或然三个知识点的开始的一段时期影像,一旦跑偏不知要多长时间才校订得赶回,更并且这种代价相当多时候是没需求的。

那是自小编在网易上看到的三个难点能够视作参考
“若想学 HTML,应从何地出手?”
前端开辟基础扎实的正规是怎样?

大家能够看看哪些是和协和的景观相适合,它们就实在是很尊贵很有限帮忙的选项呢?举个例子:http://w3school.com.cn/, 比很多初学者的最爱,并且随着那域名,也会感到它是跟w3c协会相关的显要的官网,实则它和w3c协会半点关系都不曾,当然也并不是说它有多差,很四人因之收益,但是那是一种属性上的认识错误,实际上它个中的略微内容也是不当的。

更並且规范,区别人眼里的规范也是见仁见智的,能写出页面是正经吧?能科学利用全部标签是正统吗?能熟谙使用各个布局是标准呢?都不是,大家一向在扩充三个“点——线——面——体”的过程,不论是单项本领,还是经验,综合技艺,咱们都在时时刻刻的积存和填充,单个点和单个方向做得比较好,不代表你就处于三个高的档案的次序面上,可能在另二个地点你还缺了一大块,所以,不断追寻、研究,不断努力就好。

被遗忘的犄角——无障碍设计

开拓职员使用HTML、CSS和JavaScript创制富互连网应用程序时,往往把残疾职员抛在脑后,因为我们友好超越十分之五是人大吉大利全的人,所以,往往忽视了另一片段勤奋职员对成品的选取和内需。其实大家能够挽救这种范围。WAI-A奥迪Q3IA能够提供丰富的语义,以保障富网络选用是能够知晓的,並且未来早就赢得绝对较好的支撑。

WAI-ARubiconIA是三个为残废之人员等提供无障碍访谈动态、可互相Web内容的本事术专科高校业。首即便为着升高网页的可用性,网页对残废人员的无障碍化,是对 HTML 语义化的填补。它抱有比现成的 HTML 成分和性质更完美的表明手艺,并让您页面相月素的涉嫌和意义更分明。

什么利用WAI-ASportageIA?

动用于HTML的AOdysseyIA有两局地构成:role(角色)和带aria-前缀的性质,其功效:

role(角色)标志了三个因素的效应
aria-属性描述了与之有关的事物(特征)及其是何许的(状态)

A宝马X5IA在HTML中采纳有其和煦的正规,并不是说在HTML中央银行使了AHighlanderIA,Web页面就无障碍化了,就抓好了可访谈性了。意在言外,APAJEROIA未有用好,反而会把您带到另三个坑中,使用你的页面可访谈性更差。

越多关于A智跑IA的施用,是三个大话题,不是一两句能够说得清楚,风野趣多询问的,能够参照他事他说加以考察一下那篇文

web标准之外

当量变引起质变

1、维护性

举个栗子,假诺大家去专业,两几个人时方可随便站,11个体或然将在排队了,若是有越来越多的人就须求有人维持秩序,再上涨叁个量级,恐怕还要分批放人,不然场所会失控。

页面是一律道理,一八个页面,几十广大行代码,这就无须太在意怎么写,分化方法带来的差距是能够忽略不计的。几十一个页面吗?上千行代码呢?

2、性能

质量至少关乎四个方面,代码的实施功用和文件大小。二个调整了代码的剖析和进行进程,叁个操纵了传输速度。这里不细说。

3、兼容

从那时的浏览器战役,后来可比坑的IE低版本,到最近的各样分辨率移动设备和各个安卓、ios版本浏览器的相配,微信内核浏览器的合作,等等。我们曾在做这么的事,今后也会。

上边说了,做出了符合规范的web页面,不表示我们就高枕无忧,还会有别的众多的其实难题会在量变到一定水准的气象下给大家塑造麻烦,产生质变。那大家将什么作答这一个质变?本文不做详述,只作为二个引子,后续会再写一篇小说来和豪门商量“web应变之道”。

下次见!~

 

1 赞 2 收藏 评论

图片 3

本文由快乐十分钟开奖走势图发布于广东十分快乐开奖结果-web前端,转载请注明出处:原文出处

关键词: