考文献引用国家标准的格式如下：

一、图书类文献：

[序号] 作者.书名[M].出版地：出版社，出版年份.

例如：

[1] 李华.鲁迅全集[M].北京：人民文学出版社，2005.

二、期刊类文献：

[序号] 作者.文章题目[J].期刊名，年份，卷号(期号)：起止页码.

例如：

[1] 张三.论文翻译中的语言规范问题[J].外语与外语教学，2008，(2)：10-15.

三、学位论文：

[序号] 作者.题目[D].授予单位，年份.

例如：

[1] 李四.诺贝尔文学奖获得者作品翻译研究[D].北京外国语大学，2012.

四、报纸类文献：

[序号] 作者.文章题目[N].报纸名，出版日期.

例如：

[1] 王五.西部大开发激发经济活力[N].人民日报，2010-6-5.

五、会议论文：

[序号] 作者.文章题目[C].会议名称，会议地点，年份：起止页码.

例如：

[1] 张三.汉语教学中的文化因素探析[C].第十届国际汉语教学研讨会，北京，2010：50-55.

六、电子文献：

[序号] 作者.文章题目[EB/OL].出版地：出版者，出版日期/更新日期 [引用日期].可获取地址.

例如：

[1] 李华.中国古代建筑艺术[M/OL].北京：中国建筑出版社，2008 [2010-6-5].http://www.cabp.com.cn/bookinfo.asp?id=123.

七、专利文献：

[序号] 专利所有者.专利名称：专利国别，专利号[P].公告日期.

例如：

[1] 中国科学院化学研究所.一种新型氧化锌纳米材料及其制备方法：中国，ZL201310685767.3[P].2014-07-30.

八、标准文献：

[序号] 国家标准代号.标准名称[S].出版地：出版者，出版日期.

例如：

[1] GB/T 5009.5-2016.食品中铅的测定[S].北京：中国标准出版社，2016.

九、网页文献：

[序号] 作者.文章题目[EB/OL].出版地：出版者，出版日期/更新日期 [引用日期].可获取地址.

例如：

[1] 王五.如何提高英语写作能力[EB/OL].北京：论文查重网，2010-5-1 [2010-6-5].http://www.paperbye.com.

十、报告类文献：

[序号] 作者.报告名称[R].出版地：出版者，出版年份.

例如：

[1] 张三.社会保障体系建设研究报告[R].北京：社会科学文献出版社，2012.

十一、音像资料：

[序号] 制作者.作品名称[DVD/CD/磁带等].出版地：出版者，出版日期.

例如：

[1] 李华.汉语口语基础教程[DVD].北京：北京大学出版社，2010.

十二、标准图书馆藏书：

[序号] 作者.书名[M].版本号.出版地：出版者，出版年份.

例如：

[1] 王五.英语语法基础[M].第2版.北京：外语教学与研究出版社，2009.

需要注意的是，对于不同类型的文献，其引用格式和具体信息可能有所不同，因此在引用参考文献时，应该仔细查阅相应的引用规范和标准，并根据具体情况进行调整。同时，为了避免抄袭和侵权等问题，引用他人文献时，还应该注明出处和作者姓名等信息，以尊重知识产权和学术规范。

最后需要强调的是，参考文献的引用格式和具体信息可能因不同的学科领域、期刊要求、出版物格式等而有所不同。因此，在写作和论文撰写中，应该仔细查阅相关规范和标准，并根据具体情况进行调整，以确保引用准确、规范、完整。

转自:Paperbye免费查重软件https://www.paperbye.com/skills/3704.html

TML面试题总结

1. 对 HTML 语义化的理解

1. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构；
2. 代码结构清晰，方便团队的管理和维护，并且语义化更具有可读性，减少差异化；
3. 提升用户体验； 例如：title、alt用于解释名词或者图片信息、label标签的活用
4. 有利于SEO优化，提升搜索引擎排名； 和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息； 爬虫依赖于标签来确上下文和关键字的权重；
5. 方便其他设备的解析（屏幕阅读器、盲人阅读器、移动设备等等）；

2. H5新增特性

1. 语义化更好的标签： header、nav、aside、article、section、footer；
2. 音视频标签： audio、video； 如果浏览器不支持自动播放怎么办? 在属性中添加autoplay(谷歌浏览器不支持音频自动播放，但是视频支持静音自动播放)；
3. 以 data- 开头的自定义属性；
4. 本地存储： localStorage、sessionStorage；
5. 表单控件； 给 type 属性设置值； url、search、file、email、date、number、month、color、tel；
6. 画布； Canvas；
7. 拖拽释放： drag、drop；
8. 新技术： 浏览器多线程：webWorker； 前后台持久化通信技术：webSocket；

3. HTML5常用的结构标签有哪些，它替换了之前的哪些标签？

• header、nav、main、article、aside、footer、section
• <div class="header">、<div class="nav">、<div class="main">...

4. HTML文档采用 UTF-8编码集 的优势是什么？

1. utf-8： 使用3个字节表示一个符号，基本上可以覆盖世界上所有的语言；
2. 优势： 与传统的gb2312、gbk相比，可识别的字符集更多，也是行业界推荐的；

5. 标签中常用的属性有哪些？

• id、class、title、style；

6. 标签中的 title属性 和 alt属性 的区别是什么？

1. title： 是标签的描述属性，当鼠标移入时，稍等一会儿就会出现title属性的属性值；
2. alt: 用在可置换元素上，当外部资源无法正确加载时，alt属性的属性值就会显示在占位符上；

7. 什么是置换元素 和 非置换元素，每种类型至少举出三个例子

1. 置换元素： 置换元素的内容来自外部，该元素仅是外部资源的占位符； <img>、<video>、<audio>...；
2. 非置换元素： 非置换元素内容来自当前文档，必须使用双标签； <p>、<h1> ~ <h6>、<ul>...；

8. 标签中的 href属性 和 src属性 有什么区别？

1. 二者都是对外部资源的引用；
2. href： 用于超文本或样式，用在 <link>标签 和 <a>标签上；
3. src： 用在外部资源占位符上，如<img>、<iframe>、<script>、<video>...；

9. iframe标签有什么优缺点？

1. 优点： 重载页面时不需要加载整个页面，只需要重载页面中的一个框架页，从另一方面来说，减少数据的传输，加快了网页下载速度； 技术易于掌握，使用方便，可主要使用于不需要搜索引擎来搜索的页面； 当前页面，直接加载其他页面，而不必发生跳转；
2. 缺点： iframe 会阻塞主页面中的 Onload 事件； 会产生很多页面，不容易管理； 多框架的页面会增加服务器的http请求，影响页面的并行加载； 并行加载：同一时间针对不同域名下的请求，iframe和所在页面在同一个域下面，而浏览器的并行加载的数量是有限制的；

10. 表单中的按钮有几种，常用的标签有哪几个？

1. 按钮有三种： 普通按钮、提交按钮、重置按钮；
2. 常用标签：

<input type="button" />
<input type="submit" />
<input type="rest" />
<button />

11. 表单数据的提交方式有几种，分析使用场景？

1. POST： 表单数据通过请求体发送；
2. GET： 表单数据通过URL地址栏发送；

12. 什么是 重绘 和 重排？

1. 重绘： 当元素的一部分属性发生改变，如外观、背景、颜色等不会引起布局变化，只需浏览器根据元素的新属性重新绘制，使元素呈现新的外观叫做重绘；
2. 重排： 和重绘相反，当改变布局的时候，就会引起重排；
3. 重绘不一定需要重排（比如颜色的改变），重排必然导致重绘（比如改变网页位置）

于Vue来说，使用v-bind并不能解决表单域对象双向绑定的需求。所谓双向绑定，就是无论是通过input还是通过Vue对象，都能修改绑定的数据对象的值。Vue提供了v-model进行双向绑定。本章将重点讲解表单域对象的双向绑定方法和技巧。

10.1 实现双向数据绑定

对于数据的绑定，不管是使用插值表达式（{{}}）还是v-text指令，对于数据间的交互都是单向的，只能将Vue实例里的值传递给页面，页面对数据值的任何操作却无法传递给model。

MVVM模式最重要的一个特性，可以说是数据的双向绑定，而Vue作为一个MVVM框架，肯定也实现了数据的双向绑定。在Vue中使用内置的v-model指令完成数据在View与Model间的双向绑定。

可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

v-model会忽略所有表单元素的value、checked、selected特性的初始值，而总是将Vue实例的数据作为数据来源。这里应该通过JavaScript在组件的data选项中声明初始值。

10.2 单行文本输入框

下面讲解最常见的单行文本输入框的数据双向绑定。

【例10.1】绑定单行文本输入框（源代码\ch10.1.html）。

<div id="app">
    <input type="text" v-model="message" value="hello world">
    <p>{{message}}</p>
</div>
<!--引入vue文件-->
<script src="https://unpkg.com/vue@next"></script>
<script>
    //创建一个应用程序实例
    const vm= Vue.createApp({
        //该函数返回数据对象
        data(){
          return{
            message:"红罗袖里分明见"
           }
        }
    //在指定的DOM元素上装载应用程序实例的根组件
    }).mount('#app');
</script>

在Chrome浏览器中运行程序，效果如图10-1所示；在输入框中输入“白玉盘中看却无”，可以看到下面的内容也发生了变化，如图10-2所示。

10.3 多行文本输入框

本节演示在多行文本输入框textarea标签中绑定message属性。

【例10.2】绑定多行文本输入框（源代码\ch10.2.html）。

<div id="app">
    <p>{{message}}</p>
    <textarea v-model="message"></textarea>
</div>
<!--引入vue文件-->
<script src="https://unpkg.com/vue@next"></script>
<script>
    //创建一个应用程序实例
    const vm= Vue.createApp({
        //该函数返回数据对象
        data(){
          return{
            message:"轻衣软履步江沙"
           }
        }
    //在指定的DOM元素上装载应用程序实例的根组件
    }).mount('#app');
</script>

在Chrome浏览器中运行程序，效果如图10-3所示；在textarea标签中输入多行文本，效果如图10-4所示。

本文节选自《Vue 3.x从入门到精通(视频教学版）》，内容发布获得作者和出版社授权。