H5常用单词及标签、属性

H5前端常用单词

HTML

简称

全称

中文含义

用法

ml

Markup Language

标记语言

 

p

paragraph

段落

<p></p>

 

href

地址

href=””

 

target

属性指定打开目标页面的方式

 

 

_self

在当前页面中打开,默认

 

 

_blank

在新页面中打开。

 

 

anchor

锚点

 

src

source

图片资源的URL地址

 

alt

alternative

可替代的

当资源不存在时,替代显示的文字内容。

 

span

可以将部分文本独立出来

 

<br>

 

强制换行

 

<hr>

 

绘制一条横线

 

<base>

 

设置页面的基准地址

<basehref="http://www.runoob.com/images/">

 

ul

unordered list

定义一个无序列表

 

li

list item

定义一个列表项

 

 

Type

属性指定无序列表的符号

 

Disc

 

实心的圆点

 

Circl

 

空心的圆圈

 

Square

 

实心的正方形

 

ol

 ordered list

有序列表

 

dl

defined list

定义一个自定义列表

 

dt

defined tiele

列表项的标题

 

dd

defined description

列表项的描述

 

 

form

表单

 

 

Action

指定提交的地址

 

 

Method

指定提交的方式,get/post

 

 

Maxlength:

指定文本框能接收的最大字符个数

 

 

Size

指定文本框的大小,长度

 

 

Value

指定初始值

 

 

lable

标签

可以单独对其应用相应的样式

 

radio

单选按钮

<input type="radio"name="role">学生

 

Checked

选中

 

 

readonly

只读

 

 

checkbox

多选按钮

 <input type="checkbox" />音乐

 

submit

提交按钮

 

 

Reset

重置

 

 

Button

普通按钮

 

 

Image

图片按钮

<input type="image"src="logo.jpg"alt="登录">

 

File

文件

<form>选择头像<input type="file"accept="image/*"></form>

 

 

accept

可指定文件类型

见上

 

select

选择(下拉列表)

<select name="proyince">
    <option value="33">浙江</option>
    <option value="41">河南</option>
</select>

 

option

()选择的事物(或人)

见上

 

multiple

多重的

 

 

<optgroup>

定义分组显示的文字

optgroup label="国产">

 

disabled

设置该分组不能用

<optgroup label="日系车" disabled>

 

Textarea

 文本框

<textarea rows="13" cols="20">

 

rows

行数

 

 

Cols

列数

 

 

Fieldset

控件组

标签可以将表单内的相关元素分组。

 

hidden

隐藏

<input type="hidden" name="stuNo"value="111111"readonly/><br>

 

 

NetWork

网络

<table border="1" cellspacing="0" cellpadding="5"> <caption>华鑫信息科技公司</caption>

    <thead> <tr><th>姓名</th> <th>性别</th> <th>出生年月</th> <th>职务</th><th>电话</th> <th>部门</th></tr> </thead> <tbody> <td>孟玉磊</td> <td></td> <td>1995-08-09</td><td>总经理</td><td>18237899800</td> <td rowspan="4">市场部</td> <tfoot> <tr> <td colspan="5">共计39</td> </tr></tfoot>

</table>

 

Response

 响应

 

Request

请求

 

table

表格(定义一个表格)

 

caption

标题

 

thead

 表头

 

tbody

表格主体

 

tfoot

表尾

 

tr

表格行

 

colspan

单元格跨行的行数

 

colspan

跨列的列数

div

Divstion

 分开

 

注:块级标签:在新的一行进行展示。Div、H1-H6标签、p、hr、table、ul、ol、dl、tr、option、caption内联标签:不会新起一行显示。Img、input、a、td、textarea、lable、select、th、button、header

CSS

简称

全称

中文含义

用法

CSS

CascadingStyleSheets

层叠样式表

 

 

Font

字体

 

Rgb

Rgb

红绿兰颜色表示法

color: RGB(128,0,0)

Rgba

Rgba

透明色

RGBA(128,0,0,0.1)

HSL

HSL

色调

HSL(255,50%,50%)

HSLA

Hsla

透明度

color:HSLA(255,50%,50%,0.4)

In

inch

对角线 尺寸

 

Px

pixel

像素

 

Em

 

相对于当前对象内文本的字体尺寸

 

Vw

viewpoint width

视窗宽度

1vw等于视窗宽度的1%

Vh

Viewpoint height

视窗高度

 

 

Background

背景

 

 

variant

多样的

Font-variant

 

weight

加粗

Font-weight:100

 

Underline

下划线

 

 

decoration

装饰

Text-decoration:

 

None

默认值没有装饰效果

 

 

Overline

上划线

 

 

Line-through

删除线

 

 

shadow

阴影

text-shadow:red -5px -5px;

 

Direction

文本方向

 

Ltr

Left to right

从左向右

 

Rtl

Right to left

从右向左

 

 

Justify

两端对齐

 

 

Vertical-align

文本垂直对齐方式

 

 

Bottom

靠下对齐

 

 

indent

缩进

Text-indent

 

Letter-spacing

字符之间的间距

 

 

Word-spacing

字(单词)间距

 

 

line-height

设置行高,实际上是调整行间距

 

 

repeat

重复

在水平和垂直两个方向进行复制。

 

position

位置  定位

 

 

visibility

能见度

仅仅隐藏内容,该元素所占位置依然存在

 

 

display

显示

不仅隐藏内容,且不占位置

 

Inline

内联

将块级元素以内联元素形式显示

 

Inline-block

块级

将块级元素以内联元素形式显示

 

Margin

外边距

 

 

Padding

内边距

 

 

Border

边框

border: 50px dotted blue

 

Static

c静态定位(默认)

 

 

fixed

固定

fixed定位会将元素从流中单独摘出来单独进行定位取决于lefttop

 

relative

相对的

相对定位

 

absolute

绝对的

绝对定位,父容器一般是相对定位

Js

简写

全称

中文含义

用法

 

Script

脚本

 

 

Alert

警告

 

 

Prompt

提示

 

 

Confiom

确定

 

 

object

对象

 

 

String

字符串

 

 

Break

打断

直接跳出选择结构

 

Switch

交换

 

 

Case

Case 1:

 

Default

默认

除了...之外的

 

Continue

继续

结束本次循环,继续下次循环

 

Step

 

 

Watch

 

 

While

... 时候

While循环

 

Flag

标记

 

 

Function

函数

 

 

split

分离

 

 

Array

数组

[]

 

Length

长度

 

 

unshift

不转换

在数组的头部添加元素,返回值为新数组的长度

 

Shift

转换

删除数组头部的元素,返回值是删除的头部元素

 

indexof

索引

查找数组中第一次出现位置

 

Lastindexof

 

          最后一次

 

push

在数组的尾部插入元素

 

pop

取出

从数组的尾部删除最后一个元素

 

slice

提取

开始位置的下标,结束位置的下标)

 

splice

剪接

开始删除未知的下标,要删除元素的长度,选择插入或替换的内容

 

Reverse

相反

将数组中的元素反序输出

 

map

映射

原数组的映射,经过函数的加工,返回给一个新数组

 

String

字符串

 

 

search

查找

传入参数(要搜索的子串)

 

Substr

子串函数(截取)

startlength

 

Substring

 

startend

 

slice

截取

开始位置的下标,结束位置的下标

 

toUpperCase

 

大写转小写

 

toLowerCase

 

小写转大写

 

Trim

整理

去除字符串首末位的空格符

 

replace

替换

被替换的子串,新的子串)

 

Document

文件

 

 

Local

当地的

 

Pat

Pattem

规则

 

 

regexp

正则表达式

 

 

Space

空格

 

 

Math

数学

 

 

ceil

向上取整

 

 

Floor

向下取整

 

Abs

absolute

绝对

 

 

random

随机

0-1

 

Exponential

指数

 

 

Event

事件 数

 

 

click

点击

 

 

Mouse

鼠标

 

 

Seup

弹起

 

 

onmouseenter

 

 

 

onmouseleave

 

 

 

onmouseover

 

 

 

onmouseout

 

 

 

Code

编码

记录了按下的键的编码

 

Keypress

捕获可打印字符的按键

 

 

load

加载

Onload

 

focus

焦点 中心

Onfocus

 

blur

使模糊

 

 

addEventListener

注册监听器

 

 

 

DOM

Document Object model

文档对象类型

 

 

node

节点

 

 

Attribute

属性

GetAttributeNode

 

inner

内部

innerHTML/text

 

append

贴上,加上

appendChild

 

remove

移除

removeChild

BOM

Browser Object model

浏览器对象类型

 

 

Window

窗口

 

 

Screen

屏幕

 

 

Location

地址

 

 

href

完整路径

 

 

port

端口号

 

 

Pathname

路径名

 

 

Protocol

协议

 

 

history

历史

历史记录

 

forward

向前的

 

 

Cookie

信息

缓存信息

 

Setinterval

间歇

每隔多长时间就调用一次函数(函数,毫秒)

 

Clearinterval

清除间歇

 

Json

Java Script Object Notiation

基于JavaScript语言的轻量级的数据交换格式

Ajzx

Asynchronous JavaScript and XML

创建交互式 Web 应用程序而无需牺牲浏览器兼容性的流行方法

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值