一文了解前端三剑客（HTML5+CSS+JS）

绍

他们是由W3C推荐的前端三件套，并且互相之间可以很好地配合

HTML:Hyper Text Markup Language超文本标记语言，|框架
CSS:Cascading Style Sheets层叠样式表，Cascading Style Sheets显示样式
JS:JavaScript脚本|监听时间，执行函数

学习

W3C
菜鸟教程

常用软件，语言文件相关格式 .html文件/文件夹

HBuilder X

.html文件格式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 关于网页的一些属性 -->
		<!-- css样式 -->
	</head>
	<body>
		<!-- 主体内容 -->
	</body>
</html>

文件夹

刚学半年web，只是写个作业可以这么用吧(●’◡’●)
前为名字，后为文件格式

项目名 文件夹
	images 文件夹
	css 文件夹
    	网站名1.css
    	...
    html 文件夹 也可以直接把每个网站卸载更外面一层
    	网站名1.thml
    	...

结构相关

主要用来定一个区域来划分更小的区域或者直接写入内容。
使用时用前者。

通用的结构标签有div和span
div更普遍一些
span一般用在刚开始不需要显示的内容上，但可以被div替代

有许多特殊的标签，他们没有特别之处，只是特别拎出来以方便理解文件的整个结构
如

英文	通常的内容
header	页眉
nav	导航栏
main	主要内容
article	与上下文无关的独立内容
section	其中一个区域
aside	侧栏或边栏
footer	页脚
detail	某个细节的描述
summary	detail的标题

最后两个detail和summary通常是相互配合的。

上面这些都是有着特殊用处的标题，可以用下面的这些替代，但使用时相对复杂一些

内容相关

主要用来直接写入内容。
使用时前后使用方法的皆有
空行之前的表示重要
用前者的有

英文	含义
h1	标题，字体最大的标题
中间部分	字体依次减小的标题
h6	标题，字体最小的标题
p	段落
br	换行
-	-
hr	水平线
sub	下标文本
sup	上标文本
ins	插入文本
del	删除文本
wbr	此处适合换行
pre	预格式文本
address	表示地址
bdo	文字方向
blockauote	长的引用语
q	短的引用语
mark	定义有记号的文本

table te td th是相互配合组成一个表格的,table>tr>td

表格
table	表格
tr	行标签
td	列标签
th	标题列

li必须在ol或ul内。通常用ul li

列表
ol	有序列表
ul	无序列表
li	列表项

表单可以用作问卷等
input属性typr value

表单
form	表单
label	点击时自动定位到里面的input
input	输入

select	多选
option	多选的一个选项

用后者的有

英文	含义
br	换行
img	引入图片
video	引入视频
audio	引入

abbr	此处适合换行

img video audio使用时需要更多的属性，比如URL路径等
以video为例：<video src="路径" autoplay="autoplay" controls="controls"/>
依次表示 URL路径自动播放显示播放器控件
他们有各自的属性
都必须有src属性以表示路径，img只需要src即可显示
各自可以在属性里选择width和height以显示宽度和高度（这两个在css 属性里介绍）
video和audio（他们有一样的可选属性）的其他可选属性在下面显示,一般一个只有一个可选择的值，那个值就是名字自己(言下之意就是，只写自己需要的属性)

英文	作用
autoplay	自动播放
controls	显示控件
loop	循环播放
poster	定义视频下载时需要的图像，值用路径表示
preload	autoplay时无效，定义文件预加载的时机，有3个值，具体在下面介绍
muted	静音

preload的值
auto：默认值，直接加载音频/视频
metadata：仅加载音频/视频元数据
none：不加载音频/视频

class/id

用于标签的定义
class表示类，可以用于很多类似的标签，以方便使用一样的css样式
id是唯一的，可以为独特的标签单独使用样式

css样式

css一共有3段：选择器{属性:值;…}
样式有3种添加的方法

直接在标签后面写，如<div style="具体样式">这时候选择器不需要写了
写在head的style标签内<style>写如css</style>，可以在style同时写入多个不同的样式
写在单独的css格式文件中，在head中添加<link href="文件路径" type="text/css" rel="stylesheet"/>引入css外部样式

选择器

常见的伪选择器/元素	表示方法
通用选择器	*
标签选择器	标签名
类选择器	.类名前面是一个下点
ID选择器	#ID号
-	以下选择器用于分隔不同的选择器
后代选择器	一个空格，其实这不是个选择器（但很像），可以选择出所有的后代
分组选择器	, 逗号
子元素选择器	>
-	以下选择器均需紧跟在最上面的选择器后
相邻兄弟选择器	+
不相邻兄弟选择器	~
属性选择器	[属性值] 详细介绍
伪类选择器	:单词详细介绍
伪属性	::单词详细介绍
后一个选择器不一定是前一个的子元素，也可以通过一些符号进行兄弟之间的变化

子元素选择器

div>p
选中选中div中的p子元素（没有中间层的关系）

相邻兄弟选择器

div+p
选中跟在div后的p

不相邻兄弟选择器

div~p
选中前面有相同父元素的div 的p

属性选择器

伪类选择器

这类选择器全部按前面（一部分）选择器的介绍，紧跟在后面，以":"(冒号)为标识符（即以它开头，可以看成选择器的一部分）
以下均不写冒号

伪类选择器	介绍
-	下面定义的是应用于超链接文本a的4种(鼠标在该元素的)状态，一起出现(分开使用)时，顺序不可颠倒，否则会使本应在上面的选择器失效也可以用到其他元素(非a)身上，即当鼠标移过/在上面/移出时的活动状态
link	正常状态（未访问）
visited	被访问之后
hover	经过时
active	单机被激活时
伪类选择器也有一些分类，见下
结构伪类选择器	介绍
–	–
first-child	第一个子元素
lastchild	最后一个子元素
-	注意以下4个带()的，()内可以是一个算式或数字，选中符合结果的(可以是多个) 若()内是一个确定的数字，数字超出范围，选择器将无效；算式里可以有一个字母n，n会自增直到超出父类的子类数量。 n=0等最前面的几个值超出范围问题不大尽量简单有效，比如(2n+1)选中所有奇数行 ()里面也可以是 odd，选中奇数行；even，选中偶数行
nth-child()	正数第()个子元素
nth-last-child()	倒数第()个子元素
nth-of-type()	父元素的第()个同类子元素
nth-last-of-type()	父元素的倒数第()个同类子元素
first-of-type	父元素的第一个同类子元素
last-of-type	父元素的倒数第一个同类子元素
only-child	父元素的唯一的子元素，(当然，)可能有很多子元素是唯一的
only-of-type	父元素的唯一一个相同类型的子元素
empty	没有任何内容的子元素

状态伪类选择器	介绍，UI元素一般指包含在form元素内的表单元素
enabled	范围内的所有可用UI元素
disabled	范围内的所有不可用UI元素
checked	范围内的所有可用UI元素

否定伪类选择器
not()	不匹配该元素的选择器，()里是一个选择器的属性，将选取不符合该选择器的元素

目标伪类选择器
target	前面的匹配元素被相关URL指向，样式效果才生效，是动态选择器

伪元素

用法：紧跟在后面，用两个":“作为标识符（也可以只用一个，但两个更好）。css样式里需包含content属性，值为带引号的字符（当然也可以什么都不写）
如：div:after{content=”";}

伪元素	介绍
before	在前面插入一段文字
after	在后面插入一段文字

属性及含义

先讲一些主要的值

长度

用途：广泛
用法：有数字和单位组成：200px

当数字为0时，单位可有可无

使用频率：px最常用，其次em
单位有绝对和相对之分

相对单位	单位长度的含义
px	像素(Pixel)
em	相对于父元素字体大小的倍数
ex	相对于字符x的高度，通常为字体高度的一半
ch	相对于数字0的宽度
rem	相对于根元素(html)字体大小的倍数。若未被设置，则相对于浏览器的默认字体尺寸（一般为16px）
vw	相对于视口的宽度（视口被均分为100vw）
vh	相对于视口的高度（视口被均分为100vw）
xmin	相对于视口的高度或宽度中较小的那个（小的被均分为100vmin）
vmax	相对于视口的高度或宽度中较大的那个（大的被均分为100vmax）
–	–
绝对单位	单位长度的含义
pt	点(point)
pc	派卡(pica)，=我国新四号铅字的尺寸
in	英寸(inch)
cm	厘米(centimeter)
mm	mm(millimeter)

时间

用途：属性transition(变化时间)
用法：数字+单位：200ms
使用频率：都常用

单位	含义
s	秒
ms	毫秒

角度

用途：
用法：数字+单位：120deg
使用频率：第一个deg最常用

单位
deg	角度(degrees) ，一个圆 360°
grad	梯度(gradians)，一个圆 400梯度
rad	弧度(radians)，一个圆 PI
turn	转、圈(turns)

颜色

用途：color，background(-color)
用法：值
使用频率：2和-1最为常用，-1代表最后一个

值	描述
white	白色
具体英文单词↑	代表这个单词指代的颜色
rgb(r,g,b)	RGB值，rgb分别代表红绿蓝，[0,255]
rgba(r,g,b,a)	见上↑.a代表透明度 [0,1]
rgb(r%,g%,b%)	RGB值(255*x%)，三个值[0,100] ,最后即为0%-100%
#rrggbb	RGB值，每个值用两位 16进制数表示（大小写不敏感），最后值在0-255
hsl(h,s,l)	hsl分别代表色相(hue,[0,360])/饱和度(saturation,[0%,100%])/亮度(lightness,[0%,100%])
hsla(h,s,l,a)	↑ a代表透明度

字符串

只在属性font-family中用到，定义字体类型

{font-family="微软雅黑"}

也可以不用双引号

{font-family=微软雅黑}

属性概要

长度表示一栏：

1：值完全用长度表示，下面不再具体介绍
其他值的类型：值不能用长度表示，能用其他的较规范的表示表示
0：值不能用长度表示，也无法用其他规范的值表示
＞1：有多个值，都用长度表示（同时出现多个值：长度可变）

属性	含义	长度表示
width	宽度	1
height	高度	1
position	定位方式	字符
display	显示方式	字符
float	浮动方式	字符
clear	清除部分浮动	字符
margin	外边距	1-4
border	边框	1-4
padding	内边距	1-4
text-align	字体左右的对齐方式	字符
text-indent	文字之前空多少长	1
background	背景，包括背景图，背景色，是否重复	0
line-heignt	行高	1
font-family	字体	字符
font-size	字的大小	1
font-weight	字的粗细	1
color	字的颜色	颜色
opacity	透明度0-1	0
z-index	离屏幕远近，越大越显示在上面	0
transition	状态变化的时间	时间
animation	动画	0
overflow	溢出	字符

position 定位

值	含义
absolute	绝对定位，相对于最近的定位过的父元素偏移
relative	相对定位，在文件流中，相对自生原本在的位置偏移
fixed	绝对定位，相对视口偏移
这里提到了偏移，它相对于定位的位置进行偏移
relative在文件流中的意思是，在这个页面中单独占据一块空间，原始位置不会与在文件流中的同级元素重叠

display 显示

block，none，grid较为常用

值	含义
block	块状元素
none	不显示
flex	flex布局
grid	grid布局
inline	行内元素
inline-block	行内块元素

grid和flex可以去网上找资料学习

grid布局

着重介绍一下grid布局
含义：可以方便地进行网格状的布局，而后可以随意组合，分配给子元素
有许多属性和它配合使用（前提：display:grid，至少与前3个一起使用，前4个可以更美观地表示）

属性	含义	用法与解释
grid-template	融合了下面上半部分的所有项	较为复杂，不讲
grid-template-rows	每行的宽度（单独设置）	多个长度/auto/xfr 表示，有几行写几个(空格分开) 可以用repeat(s,值)代替s个连续的重复值 fr代表比例，会将剩下的长度按比例分配
grid-template-colums	每列的宽度（单独设置）	↑ 有几列写几个
grid-template-areas	给每个格子命名，名字一样则合并	每行一对双引号，（适当使用回车）单个双引号内每列分别有一个代表这个区域的名字。 “aa b” “aa b” “c c”，代表3行2列： aa占据上面两行的最左边一列； b占据上面两行的最右边一列； c占据最后一行的两列
grid-gap	行间距和列间距（统一设置）	行间距列间距
grid-row-gap	行间距（统一设置）	长度
grid-colum-gap	列间距（统一设置）	长度
place-items	内容的左右和上下位置情况	↓ start/end/center/stretch
align-items	内容的左右位置情况	↑ 开头/末尾/中间/拉伸以盛满
justify-items	内容的上下位置情况	↑ 对align来说，左是开头，右是末尾
place-content	整个表格左右和上下位置情况	↑ 对juestify来说，上是开头，下是末尾
align-content	整个表格的左右位置情况	↑有两个值的(place)，用空格分开
justify-content	整个表格的上下位置情况	↑
–	–	以下都是子元素获得父元素分配的某个空间的语句
grid-template-area	用指定的名字获取父类给这个名字的空间	字符串
–	–	以下用起始/末尾的(间隔,即gap) 行/列获得空间有多个值的用/分隔第1个间隔行在整个表格的最上方，列：左即，有n行内容行，就有n+1行间隔行默认名为从1开始的数字，行列的下标分开计算或使用上面areas里定义的名字+start/end 如 aa-start 表示区域a的起始行上：起始行左：起始列下：末尾行右：末尾列
grid-area	起始/末尾的行/列	起始行/起始列/末尾行/末尾列
grid-row	起始/末尾的行	起始行/末尾行
grid-row-start	起始行	起始行
grid-row-end	末尾行	末尾列
grid-column	起始/末尾的列	起始列/末尾列
grid-column-start	起始列	起始列
grid-column-end	末尾列	末尾列

flex布局

着重介绍一下flex布局
含义：可以方便地进行弹性布局，尤其是垂直对齐的问题
有许多属性和它配合使用（前提：display:flex）
| 属性 | 含义
|–|–|–|
|flex-direction| 决定主轴的方向
| justify-content | 子元素在主轴方向上的分布方式
| align-items | 子元素在副轴方向上的分布方式

flex-direction的值	含义
row	从上到下
row-reserve	从下到上
column	从左到右
column-reserve	从右到左

justify-content的值	含义
flex-start	主轴起始除处
flex-end	主轴末尾处
center	主轴中间
space-around	元素两边留空隙，每个元素各占一份，不会像magin一样重合
space-between	元素之间留空隙，这意味着最边上没有空隙

align-items的值	含义
flex-start	副轴起始除处
flex-end	副轴末尾处
center	副轴中间
stretch	全部占满

inline-block布局

overflow 溢出处理

不设置这个属性，它可能会在区域之外显示

值	含义
auto	超出长度时，可滚动
hidden	隐藏
其他	-

margin/border/padding 外边距/边框/内边距

分别代表外边距/边框/内边距
他们都可以用4个长度值表示，分别代表上右下左的长度

也可以有auto值，即自动，它会使两边相等
如 margin:0 auto;
它的左右两边是相等的

后面的值可以省略，但至少有第一个值

第4个值（左）省略，则=第2个值（右）
第3个值（下）省略，则=第1个值（上）
第2个值（右）省略，则=第1个值（上）

他们的四个值可以单独设置，以margin为例子
margin-top，margin-right，margin-bottom，margin-left

float/text-align 浮动/左右对齐

值	含义（浮动方向/对齐方向）
left	左
center	中
right	右

clear 清除浮动

先清除上一个区域来的浮动（float），而后可以设置自己的浮动

值	清除浮动
left	左
right	右
both	左右

background 背景

属性自由书写,其中的属性可以缺少一些或调换顺序

下面是两个较频繁使用的格式

背景色: background: background-color
背景图片: background: url(“”) background-repeat background-position;

有多个子属性

子属性	含义	值
background-image	图片链接	url(“路径”)
background-repeat	是否重复	repeat/no-repeat
background-position	背景图的起始位置
background-position-x	离左边距离	长度/x%
background-position-y	离上边距离	长度/y%
background-color	背景色	颜色
background-size	背景大小	长度长度
background-attachment	是否随着滚动而滚动	scroll(默认)/fixed(不会)/local(会)

javascript

<script type="text/javascript">
	变量及赋值
	计算语句
	函数
	事件
</script>

一定有事件，因为没有事件，js就没有什么意义

变量

所有类型的变量都用 var 变量名 = 值; 来定义

数据类型

数据类型	含义	值
Undefined	定义但未赋值	undefined
Null	未定义，由Undefined衍生而来，值==undef	null
Boolean	布尔类型	true false
Number	数字，正数，浮点数等，可以用纯数字，科学计数法、进制数等表示	数字
String	字符串，用单引号或双引号都可	字符串
Object	项目，上面有属性，如{name:“myname”,age:18}
Array	数组可以混杂其他类型，如[1,“myname”]
DOM对象	一个具体的标签，如window, document,element

可用数据类型	数据类型相关函数	目的类型	含义与用法
Boolean Number	toString()	String	变换成字符串 str=from.toString() Number的()可以放十进制表示的进制数
-	下面两个 String转Number 的函数出现异常则返回前面的正常的值	-	下面的都把源操作数放()里
String	praseInt()	整数(Number)	字符串变整数
String	praseFloat()	浮点数(Number)	字符串变浮点数
-	下面的是三种强制类型转换	-
所有	Boolean()	Boolean	空字符串 0 undefined null 值为false，其他的true
所有	Number()	Number	匹配整个数，fasle null为0，true为1 undefined为NaN（非数，not a number）
所有	String()	String	强制类型转换，变成字符串
	isNaN	判断是不是数

赋值及计算语句

运算符

赋值符	含义
=	右边赋给左边
–	–
运算符
+	加
-	减
*	乘
/	除
%	余
++	自增，放在数的前/后不一样
? :	三目运算符
( )	提高优先级，左括号，右括号
-	-
判断符
>	大于
>=	大于等于
<	小于
<=	小于等于
==	值相等
!=	值不相等
===	值和类型都相等
!==	值和类型都不相等
-	-
运算赋值符	左边的值加上右边的值，再赋值给左边 a+=b相当于a=a+b
+=
-=
*=
\=
%=

基本计算语句

语句	使用
定义及赋值	var i=3;也可以单独定义/赋值，定义统一用var
选择(分支)	if-else或switch–case-default-break
循环	for或while或do-while
跳出	break或continue
返回	return

事件

一个事件只能绑定一个函数，如果一个事件要做多件事情，都放到一个函数里
表达形式：(被触发)对象.事件属性=…

不只是a有事件属性，其他的标签都有事件属性
事件属性有很多，根据可以触发者（比如鼠标，键盘，窗口）的不同分类
只列举常用的
鼠标触发：onclick（点击），onmouseover（鼠标再其上，和选择器hover有点像，但有不同）
窗口触发（被触发对象必须是window）：onload（窗口完成后）

动态绑定
写在js样式里，被包含在其他的事件的函数中绑定
对象需要给出
参照函数的三种绑定方式
静态绑定
直接在标签里绑定，这时候对象就是自己这个标签
参照函数的第2种
比如 <p onclick="函数名(参数)">

函数(function)

函数里的组成与js的组成成分一致

变量及赋值
计算语句
函数
事件

函数定义的3种方式

function 函数名(参数){函数体}
var 函数名=function (参数){函数体}
function (){函数体}

参数可以有多个，定义时不需要声明类型，只需要参数名即可

第2种定义方式可以让定义在标签内的事件连结到这个函数

事件绑定

前两种定义方式

无参：事件=函数名;

不需要 (参数)

有参：事件=function(){ 函数名(参数); }

需要用到匿名函数
直接用事件=函数名(参数); 的结果
是直接触发事件

第3种定义方式一般直接赋给内部的事件，即事件=function (){函数体}

JavaScript中，函数调用和上下文是理解语言核心机制的关键。本文将深入探讨函数调用、this关键字以及apply方法的使用。

首先，让我们回顾一下函数调用的基础。在JavaScript中，函数可以通过多种方式调用，包括常见的函数调用、方法调用和构造函数调用。例如，定义了一个简单的函数foo：

function foo(a, b, c) {

console.log("foo功能...");

console.log(a, b, c);

return 123;

}

接下来，我们使用对象字面量创建了一个对象p1，其中包含了属性name和age，以及两个方法eat和run：

var p1 = { name: "yuan",

age: 22,

eat: function () {

console.log(this.name + " is eating");

run: foo, // 这里将函数foo作为方法赋值给run属性

};

在这个例子中，p1对象的run属性指向了之前定义的foo函数。然后，我们调用了eat和run方法：

p1.eat();

p1.run(1, 2, 3);

这时，我们深入研究了函数内部的this关键字。在对象方法中，this通常指向调用该方法的对象。但是，在JavaScript中，我们可以使用apply方法动态设置函数执行时的上下文。

var _foo = foo;

foo = function () {

console.log("截断开始...");

_foo.apply(this, arguments);

console.log("截断结束...");

};

在这个例子中，foo函数被重新定义，使用apply方法在函数执行前后输出信息。此时，this在_foo.apply(this, arguments)中指向了foo函数本身。

最后，我们遇到了一个关于eval函数的问题。在JavaScript中，eval允许执行传入的字符串作为JavaScript代码。然而，eval的使用需要谨慎，因为它可能引起安全性和性能方面的问题。

eval('console.log("hello")');

var _eval = eval;

eval = function (src) {

console.log("eval截断开始...");

_eval(src);

console.log("eval截断结束...");

};

eval("console.log('hello....')");

在这个例子中，我们重新定义了eval函数，通过截断的方式在函数执行前后输出信息。

通过这一系列例子，我们深入了解了JavaScript中函数调用、上下文和一些关键字的使用。函数是JavaScript中的核心概念之一，理解函数的调用方式和上下文有助于更有效地使用这门语言。

大有学问#

所谓APA格式是指美国心理学会 (American Psychological Association) 所出版的出版手册 (PublicationManual) 中，有关投稿该协会旗下所属二十九种期刊时必须遵守的规定而言。学术界通称为APA格式。APA引证格式由两部分组成：论文中的文献引用与论文后面的参考文献。必须注意的是，参考文献部份与文献引用部份息息相关，引用过的文献必须出现在参考文献中，而且参考文献中的每一项文献都被引用过，两者的作者姓氏以及发表年代也必须完全一致。

一、文献引用（Citation in Text）

文献引用的目的，一方面是帮助读者进一步直接查阅有关文献的内容，另一方面是尊重与保障他人的知识产权。文献引用的方式主要有两种，一种是在行文当中直接引用作者姓氏，如：Widdowson (1978)has claimed that native speakers can better understand ungrammatical utteranceswith accurate vocabulary than those with accurate grammar and inaccuratevocabulary. 另一种是直接引用研究的结果或论点，如：Communicative methods have the common goalsof bringing language learners into closer contact with the target language(Stern, 1981). APA文献引用的格式主要有下列几种，分述如下：

(一)作者为一个人时

例1：Stahl(1983) has demonstrated that an improvement in reading comprehension can beattributed to an increase in vocabulary knowledge. [注：若行文中提到作者姓氏，用此例所示格式引用]

例2：Duringthe period of Grammar Translation methodology, bilingual dictionaries becamecommon as reference tools (Kelly, 1969). [注：行文中未提到作者姓氏，用此例所示格式引用；句子本身的标点符号位于括号的后面。]

例3：…,the ability to use etymology was respected as “one way of discovering truth”(Kelly, 1969, p. 30). [注：若行文中有直接引语，须标明引语在原文中的页码。如果直接引语跨越两页（或以上），需用“pp.”；如“(Kelly, 1969, pp. 30-31)”]

如果直接引语超过40个词，所引用的材料须单列一段，左右两边内缩三到五个字符，不用双引号；用来标注引证的圆括号位于引证材料本身的标点符号后面。

例4：Itfollows, then, that vocabulary, as a bearer of meaning, is considered by theNatural Approach to be very important to the language acquisition process:

Acquisitiondepends crucially on the input being comprehensible. And comprehensibility isdependent directly on the ability to recognize the meaning of key elements inthe utterance. Thus, acquisition will not take place without comprehension ofvocabulary. (Krashen & Terrell, 1983, p.155) [注：此例的前两行是论文作者的叙述，其余是直接引语。因超过40个词，用此格式。]

(二)作者为两人或两人以上时

1.作者为两人时，两人的姓氏全列。

例5：Ulijin andStrother (1990) claim that “while a complete conceptual and lexical analysismay be necessary for reading comprehension, a thorough syntactic analysis isnot” (p. 38). [注：页码标记在直接引语的后面。请比较此例与例3的不同。此次论文写作不采纳：Ulijin and Strother (1990, p.38) claim that “while …”的引证格式。]

例6：Readerstend to disregard information that seems unimportant, add information that‘should’ be there, and focus their attention on what, in their opinion, isessential (Steffensen & Joag-Dev, 1984). [注：行文中两人的姓氏用“and”连接（例5），在圆括号内用“&” 连接（此例）。]

2.作者为三至五人时，第一次所有作者均列出，第二次以后只写出第一位作者，并加“etal.”。

例7：Accordingto Ostny, Vandecasteele, Deville, and Kelly (1987), indispensable conditionsfor reading in L2 are understanding the text’s words and the knowledge of itssubject matter. [注：行文中提到作者，按此例引证。]

例8：Indispensableconditions for reading in L2 are understanding the text’s words and theknowledge of its subject matter (Ostny, Vandecasteele, Deville, & Kelly,1987). [注：行文中没有提到作者，按此例引证。]

例9：Accordingto Ostny et al. (1987), indispensable conditions for reading in L2 areunderstanding the text’s words and the knowledge of its subject matter. [注：第二次引证同一著作，按此例格式引证。]

3.作者为六人以上时，仅列第一位作者并加“et al.”，但在参考文献中要列出所有姓名。

(三)作者为组织、团体、或单位时

1.易产生混淆的单位、每次均用全名。

2.在不产生误会的情况下，第二次以后可用缩写，但在参考文献中一律要写出全名。

例10：Proficiencylevel is based on the ACTEF scale developed by the American Council on theTeaching of Foreign Languages (1980). [注：此例中的“the American Council on the Teaching ofForeign Languages”为一团体。]

(四)未标明作者（如法令、报纸社论）时

1.未标明作者的著作，使用著作名的前二、三个词汇（忽略冠词）作为引证标注。每个词汇都需大写，且用斜体。

例11： Thereare certain exceptions in the case of comprehension tests, including the Edinburgh Reading Tests (1973). [注：在此例中，书名“Edinburgh ReadingTests”作为引证标注。]

2、未标明作者的文章，把引用文章的篇名或章名当作作者并加双引号。

例12：on free care (“Study Finds,” 1982) [注：在此例中，章名“Study Finds”作为作者用做引证标注。]

二、参考文献（References）

参考文献中的条目先英文后中文；英文部分按作者姓氏的英文字母顺序排列；中文部分按作者姓氏的拼音顺序排列。参考文献中不要用“1、2、3 ...”一类的序号标记。下面是学术论文中各种常用的参考文献的撰写格式。

（一）书籍

1．未标明作者或编者时

Merriam-Webster’s collegiatedictionary(10th ed.). (1993). Springfield, MA: Merriam Webster. [注：书名用斜体，只有第一个词的首字母大写，其它（专有名词除外）均为小写；下同。“Springfield, MA”为出版地点，Merriam Webster为出版商。]

2．作者为一人时

Baddeley, A. D. (1999). Essentialsof human memory. Hove, England: Psychology Press. [注：作者的姓与名须倒置，即：姓在前，名在后。]

3．作者为两人时

Beck, C. A. J., & Sales, B. D. (2001). Family mediation: Facts, myths, and future prospects. Washington,DC: American Psychological Association. [注：两个作者的姓与名都倒置，二个作者用“&”连接。书名中冒号后的第一个词“Facts”首字母大写，这是因为副标题的第一个词的首字母须大写。如果条目跨行，第一行顶格，第二行内缩三至五个字符，如此例所示。]

4．作者为一团体或组织

Australian Bureau of Statistics. (1991). Estimated resident population by age and sex in statistical localareas, New South Wales, June 1990

(No. 3209.1). Canberra,Australian Capital Territory: Author.

（二）文集

Gibbs, J. T., & Huang, L. N. (Eds.). (1991). Children of color: Psychologicalinterventions with minority youth. San Francisco: Jossey-Bass. [注：在文集编者姓名后加“(Eds.)”。]

文集中的文章

Massaro, D. (1992). Broadening the domain of the fuzzy logical modelof perception. In H. L. Pick Jr., P. van den Broek, & D. C. Knill (Eds.), Cognition: Conceptual and methodologicalissues (pp. 51-84). Washington, DC: American Psychological Association. [注；文章名为正体，文集名用斜体；在 “In”后面，编者姓与名不倒置；须标明文章在文集中的起止页码。]

（三）百科全书或辞书

1．百科全书或词典

Sadie, S.

(Eds.). (1980). The new Grove dictionary of music andmusicians (6th ed., Vols. 1-20). London: Macmillan.

2．百科全书中的文章

Bergman,

P. G. (1993). Relativity. In The new encyclopedia Britannica (Vol.26, pp. 501- 508). Chicago: Encyclopedia Britannica. [注；文章名为正体，百科全书名用斜体，只有第一个词汇的首字母大写，其它小写；“Britannica”是专有名词，所以仍然大写。注意 “In”的使用。]

（四）期刊、杂志、新闻文献

1．作者为一人的期刊文章

Mellers, B. A. (2000). Choice and the relative pleasure ofconsequences. Psychological Bulletin, 126,910-924. [注；文章名为正体。期刊名为斜体，且所有词汇的首字母均为大写。须标明文章在期刊中的起止页码。]

2．作者为两人的期刊文章

Klimoski, R., & Palmer, S. (1993). TheADA and the hiring process in organizations. Consulting

Psychology Journal: Practice and Research, 45(2), 10-36.

3．作者为两人以上的期刊文章

Saywitz, K. J., Mannarion, A. P., Berliner,L., & Cohen, J. A. (2000). Treatment for sexually abused children andadolescents. American Psychologist,

55, 1040-1049.

4．杂志上的文章

Kandel, E. R., & Squire, L. R. (2000, November 10).Neuroscience: Breaking down scientific barriers to the study of brain and mind.Science, 290,

1113-1120.

5．无标明作者的报刊上的文章

New drug appears to sharply cut risk of

death from heart failure.(1993, July 15). The Washington Post,p. A12.[注；文章名为正体；报刊名为斜体，且所有词汇的首字母均为大写（如果不是第一个词，冠词、介词可小写）。“A12”中的“A”表示版别。]

6．作者为一人的报刊上的文章

Schwartz, J. (1993, September 30).

Obesity affects economic,social status. The Washington Post,pp. A1, A4.

（五）电子媒体资料

1．纸质期刊、杂志、新闻报刊上的文章的电子版本

VandenBos, G., Knapp, S.,

& Doe, J. (2001). Role ofreference elements in the selection of resources by psychology undergraduates[Electronic version]. Journal ofBibliographic Research, 5, 117-123. [注意“[Electronic version]”的使用。]

2．网页上的文章

Fredrickson, B. L. (2000, March 7). Cultivating positive emotions tooptimize health and well-being. Prevention& Treatment, 3, Article 0001a. Retrieved November 20, 2005, fromhttp://journals.apa.org/prevention/volume3/pre0030001a.html [注意“Retrieved”的使用。]

3．在线百科全书上的文章

Bergman, P. G. & Editors of Encyclopedia Britannica Online.(1994-1999). Relativity. EncyclopediaBritannica Online. Retrieved August 4, 1999, from Encyclopedia BritannicaOnline on the World Wide Web:http://search.eb.com/bol/topic?eu=117376&sctn=1

4．专业网站

American Psychological Association. (1999, June 1). Electronicpreference formats recommended by the American Psychological Association.Retrieved July 18, 1999, from the World Wide Web:http://www.apa.org/journals/webref.html

（六）视听媒体资料

1．电影

Scorsese, M. (Producer), & Lonergan, K. (Writer/Director).(2000). You can count on me [MotionPicture]. United States: Paramount Pictures.

2．电视节目

Crystal, L. (Executive Producer). (1993, October 11). The MacNeil/Lehrer news hour [Televisionbroadcast]. New York and Washington, DC: Public Broadcasting Service.

■ 中文文献的引用方法与格式

建议参考《外语教学与研究》格式

一、文献引用（Citation in Text）

1、在用英文撰写的毕业论文中，对中文资料的引用可视具体情况套用 APA格式。下列四种引证方法都是正确的：

（1）Yu(1988) did an experiment in China and found that there was no relationshipbetween the improvement of speed reading ability and the students’ sexes orages. [注：行文中提到作者姓，须用拼音。]

（2）Anexperiment conducted in China shows that no relationship exists between theimprovement of speed reading ability and the students’ sexes or ages (Yu,1988). [注：圆括号内的作者姓可用拼音。]

（3）Anexperiment conducted in China shows that no relationship exists between theimprovement of speed reading ability and the students’ sexes or ages(喻,1988). [注：圆括号内的作者姓可用中文。]

（4）Anexperiment conducted in China shows that no relationship exists between theimprovement of speed reading ability and the s students’ sexes or ages (喻爱菊, 1988). [注：圆括号内可用作者的中文全名。]

以上四例的引证与参考文献中的倒二条对应。

2、在用中文撰写的开题报告中，下面的引证方法都是正确的。如有其它问题，可查阅《外语教学与研究》。

（1）用Halliday &Hasan（1989）的话说，这些句子不能粘合在一起。

（2） Leather（1983：204）认为“音段音位层面的迁移是受本身制约的，而超音音位层面的迁移具有聚集性，因此更严重”。

（3）研究表明，可控因素通常包括动机、观念和策略（Wen 1993；文秋芳、王海啸1996）。

二、参考文献（References）

中文参考文献的撰写采用《外语教学与研究》所使用的格式。

刘辰诞，1999，《教学篇章语言学》[M]。上海：上海外语教育出版社。

[注：此例为一个作者的专著格式。“[M]”为专著标号。]

黄甫全、王本陆，1998，《现代教学论机舱教程》[M]。北京：教育科学出版社。

[注：此例为两个作者的专著格式。]

王初明（编著），1990，《应用心理语言学——外语学习心理研究》[M]。长沙：湖南教育出版社。

[注：此例为文集格式。]

方琰，1998，语境、语域、语类[A]，载余渭深等编《语言的功能——系统、语用和认知》[C]，第17-26页，重庆大学出版社。

[注：此例为论文集内文章的格式。“[C]”为专著标号；“[A]”为论文集内文章的标号。如果条目跨行，第一行顶格，第二行内缩二个词，如此例所示。]

夏延等，1988，《英汉信息技术综合词典》[M]。北京：中国经济出版社。

[注：此例为多名作者编写的词典格式。]

亚里士多德，《修辞学》[M]，罗念生译。北京：三联书店。

[注：此例为翻译作品的格式。]

尹世超，1988，标题语言的语义特点[R]，1998现代汉语语法学国际学术会议论文。

[注：此例为学术会议论文的格式。]

喻爱菊，1988，英语快速阅读试验报告[J]，《外语教学与研究》第3期。

[注：此例为期刊论文的格式。]

何晓炜，1999，双宾语结构和与格结构的关系分析[J],《外国语》第2期。