刷题记录 - HTML - 《前端学习笔记》

h5新特性">h5新特性
文档类型
浏览器模式
DOCTYPE 切换

HTML - 图1

解析：

A 播放音频或者视频，通过视频或者音频的链接就可以播放，不需要通过别的插件播放 B 音频或者视频不属于属性或者事件。属性是放在标签里面的 D 只有指定的视频或者音频格式才可以

HTML - 图2

解析：

test.innerHTML:

也就是从对象的起始位置到终止位置的全部内容,包括Html标签。上例中的test.innerHTML的值也就是“test1 test2 ”。
test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。

test.outerHTML:

除了包含innerHTML的全部内容外, 还包含对象标签本身。上例中的text.outerHTML的值也就是

test1 test2

HTML - 图3

date 选取日、月、年 month 选取月和年 week 选取周和年 time 选取时间（小时和分钟）

链接：https://www.nowcoder.com/questionTerminal/2dec2efe4bed495fad8eeaa722bc34ea
来源：牛客网

IndexdDB是HTML5的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。

Cookie通过在客户端(浏览器)记录信息确定用户身份，最大为4 kb。

url参数用的是get方法，从服务器上获取数据，大小不能大于2 kb。

Session是服务器端使用的一种记录客户端状态的机制。

post是向服务器传送数据，数据量较大。

local Storage也是HTML5的本地存储，将数据保存在客户端中（一般是永久的）。

链接：https://www.nowcoder.com/questionTerminal/c47c76b206214ae281e874d97f4250aa
来源：牛客网

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

websql并不是HTML5规范的一部分，而是一个独立的规范，可以用来做一些离线应用

链接：https://www.nowcoder.com/questionTerminal/73926c582f5e4dcd95e5fa22819faea6
来源：牛客网

HTML5中增加了两种全新的数据存储方式：WebStorage和WebSQLDatabase。

WebStorage可用于临时或永久保存客户端的少量数据，WebSQLDatabase是客户端本地化的一套数据库系统，可以将大量的数据保存在客户端，无须与服务器端进行交互，极大地减轻了服务器端的压力。
WebStorage存储是HTML5为数据存储在客户端提供的一项重要功能，分为两种：sessionStorage(保存会话数据)和localStorage(在客户端长期保存数据)。

sessionStorage对象：使用sessionStorage对象在客户端保存的数据时间非常短暂，该数据实质上还是被保存在session对象中。用户在打开浏览器时，可以查看操作过程中要求临时保存的数据，一旦关闭浏览器，所有使用sessionStorage对象保存的数据将全部丢失。

保存：保存数据只需调用setItem()方法，格式：sessionStorage.setItem(key,value)。参数key表示被保存内容的键名，参数value表示被保存的内容。一旦键名设置成功，则不允许修改，不能重复，如果有重复的键名，只能修改对应的键值。
读取：读取被保存的数据，应该调用sessionStorage对象中getItem()方法，格式：sessionStorage.getItem(key)。该方法将返回一个指定键名对应的键值，如果不存在，则返回一个null值。

localStorage对象：长期在客户端保存数据，应该使用localStorage对象，使用该对象可以将数据长期保存在客户端，直至人工清除为止。

保存：保存数据调用对象中的setItem()方法，格式：localStorage.setItem(key,value)。
读取：与sessionStorage对象保存数据一样。读取数据调用对象中的getItem()方法，格式：localStorage.getItem(key)。与sessionStorage对象读取数据一样。 localStorage对象可以将内容长期保存在客户端，即使是重新打开浏览器也不会丢失。
清除：如果需要清除localStorage对象保存的内容，应该调用该对象的另一个方法removeItem()，格式：localStorage.removeItem(key)。一旦删除成功，与键名对应的相应数据将全部被删除。

链接：https://www.nowcoder.com/questionTerminal/9929a83e52a949d59b8420cebae81213
来源：牛客网

万维网用url统一资源定位符标识分布因特网上的各种文档，HTML是超文本标记语言，是网页制作的一种编写语言。

JSON和XML之间的区别：

1、JSON是JavaScript Object Notation；XML是可扩展标记语言。 2、JSON是基于JavaScript语言；XML源自SGML。 3、JSON是一种表示对象的方式；XML是一种标记语言，使用标记结构来表示数据项。 4、JSON不提供对命名空间的任何支持；XML支持名称空间。 5、JSON支持数组；XML不支持数组。 6、XML的文件相对难以阅读和解释；与XML相比，JSON的文件非常易于阅读。 7、JSON不使用结束标记；XML有开始和结束标签。 8、JSON的安全性较低；XML比JSON更安全。 9、JSON不支持注释；XML支持注释。 10、JSON仅支持UTF-8编码；XML支持各种编码。 html5和xml相当于javascript和java雷峰塔和雷锋彼此相对独立，html5 核心是数据的外观，xml核心在数据的内容

bgcolor 是 body 标签的一个属性，用于设置body的背景色

audio常用属性

属性	属性值	注释
src	url	播放的音乐的url地址（火狐只支持ogg的音乐，而IE9只支持MP3格式的音乐。chrome貌似全支持）
preload	preload	预加载（在页面被加载时进行加载或者说缓冲音频），如果使用了autoplay的话那么该属性失效。
loop	loop	循环播放
controls	controls	是否显示默认控制条（控制按钮）
autoplay	autoplay	自动播放

audio音乐格式的支持

音频格式	Chrome	Firefox	IE9	Opera	Safari
OGG	√	√	√	×	×
MP3	√	×	√	×	√
WAV	×	√	×	√	×

audio属性 audio属性

属性	注释
duration	获取媒体文件的总时长，以s为单位，如果无法获取，返回NaN
paused	如果媒体文件被暂停，那么paused属性返回true，反之则返回false
ended	如果媒体文件播放完毕返回true
muted	用来获取或设置静音状态。值为boolean
volume	控制音量的属性值为0-1;0为音量最小，1为音量最大
startTime	返回起始播放时间
error	返回错误代码，为uull的时候为正常。否则可以通过Music.error.code来获取具体的错误代码： 1.用户终止 2.网络错误 3.解码错误 4.URL无效
currentTime	用来获取或控制当前播放的时间，单位为s。
currentSrc	以字符串形式返回正在播放或已加载的文件

常用的控制用的函数：

函数	作用
load()	加载音频、视频软件
addTextTrack()	向音频/视频添加新的文本轨道。
play()	加载并播放音频、视频文件或重新播放暂停的的音频、视频
pause()	暂停出于播放状态的音频、视频文件
canPlayType(obj)	测试是否支持给定的Mini类型的文件

常用audio的事件：

事件名称	事件作用
loadstart	客户端开始请求数据
progress	客户端正在请求数据（或者说正在缓冲）
play	play()和autoplay播放时
pause	pause()方法促发时
ended	当前播放结束
timeupdate	当前播放时间发生改变的时候。播放中常用的时间处理哦
canplaythrough	歌曲已经载入完全完成
canplay	缓冲至目前可播放状态。

H5中的新属性

链接：https://www.nowcoder.com/questionTerminal/c2355b12468c4ef1af49e44b66cc9148
来源：牛客网

autofocus	autofocus	规定在页面加载后文本区域自动获得焦点。
cols	number	规定文本区内的可见宽度。
disabled	disabled	规定禁用该文本区。
form	form_id	规定文本区域所属的一个或多个表单。
maxlength	number	规定文本区域的最大字符数。
name	name_of_textarea	规定文本区的名称。
placeholder	text	规定描述文本区域预期值的简短提示。
readonly	readonly	规定文本区为只读。
required	required	规定文本区域是必填的。
rows	number	规定文本区内的可见行数。
wrap	+ hard + soft	规定当在表单中提交时，文本区域中的文本如何换行。。

链接：https://www.nowcoder.com/questionTerminal/feea6293358a4c1f826ff3870f272e3e
来源：牛客网

标签定义 HTML 表格中的标准单元格。 HTML 表格有两种单元格类型：

表头单元格 - 包含头部信息（由元素创建）
标准单元格 - 包含数据（由元素创建）

元素中的文本通常呈现为粗体并且居中。元素中的文本通常是普通的左对齐文本。

链接：https://www.nowcoder.com/questionTerminal/4e2e6ca57a324272b21797f45087d27d
来源：牛客网

标签用来表示一个缩写词或者首字母缩略词，如”WWW”或者”NATO”。

通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。在某些浏览器中，当您把鼠标移至带有标签的缩写词/首字母缩略词上时， 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。 链接：https://www.nowcoder.com/questionTerminal/df6887c6c00d4ba2b16852ab0e570cd1
来源：牛客网
Input标签的readonly属性 Readonly规定输入的字段为只读，即用户不可修改，但是用户可以通过tab切换到该字段，还可以选中复制该字段。可以配合js设置条件控制用户是否可以更改或输入内容 ** Input标签的step属性 Step规定输入字段的合法数字间隔(如step=”2”,则合法数字可为-2，0，2，4等) Step属性的值为负数或0时默认为1，该属性可以配合max，min属性来创建合法值得范围。 Step，max，min属性适用于类型有:number,range,date,datetime,month,time,week ** form标签的enctype属性 规定在发送表单数据之前如何对其编码，可取值有： application/x-www-form-urlencoded multipart/form-data text/plain form标签的method属性 规定用于发送表单数据的http方法，可取值有：post和get video标签，**H5新标签** 用来定义视频，电影片段或其他视频流常用属性：autoplay(视频就绪后马上播放) controls(向用户显示播放控件，如按钮) loop(循环播放) 可以为没有controls控件属性的video嵌套按钮控件 canvas在定义上为块级元素，实际在浏览器默认表现为行内块元素性质

块级元素包含：块级大多为结构性标记


元素	描述
	定义地址

定义表格标题
	定义列表中定义条目
	定义文档中的分区或节
	定义列表
	定义列表中的项目
	目录列表
	定义一个框架集
	创建表单元素
-	标题元素
	水平线
	给fieldset元素定义标题
	定义列表项目