如何才能避免网页中网页出现乱码怎么解决？

来源：蜘蛛抓取(WebSpider) 时间：2023-09-24 05:41 标签： 网页出现乱码怎么解决
随着技术的逐(ri)渐(yi)提(tui)升(bu)，对于一些底层的概念性的知识点却有些遗忘。有时候知道是这么个意思，但是表述出来的时候也没能完整的说到点子上.以下是HTML常见的问题整理出来的知识点，后继还会出CSS，JS相关系列的文章，用于整理以及巩固基础。本篇着重针对的是萌新以及像小编一样对于一些基础概念性的东西有遗忘的童鞋，亦可作为处于跳槽阶段的童鞋作为温习的文章，若有记忆超凡的大佬请跳过。小建议： 鉴于文章多以文字为主，建议可以收藏，分次阅读，提高阅读效率。1. HTML、XML、XHTML 的区别HTML：超文本标记语言，是语法较为松散的、不严格的Web语言；XML：可扩展的标记语言，主要用于存储数据和结构，可扩展；XHTML：可扩展的超文本标记语言，基于XML，作用与HTML类似，但语法更严格。2. 什么是HTML5以及和HTML的区别是什么概念HTML5是HTML的新标准，其主要目标是无需任何额外的插件如Flash、Silverlight等，就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。HTML5是由万维网联盟（W3C）和Web Hypertext Application Technology Working Group合作创建的HTML新版本。区别从文档声明类型上看：HTML是很长的一段代码，很难记住。如下代码： HTML5却只有简简单单的声明，方便记忆。如下： 从语义结构上看：HTML4.0：没有体现结构语义化的标签，通常都是这样来命名的，这样表示网站的头部。HTML5：在语义上却有很大的优势。提供了一些新的标签，比如：
。拓展： 不输入，浏览器将无法识别html文件，因此html将无法正常工作。3. HTML、XHTML和HTML5区别以及有什么联系XHTML与HTML的区别XHTML标签名必须小写；XHTML元素必须被关闭；XHTML元素必须被正确的嵌套；XHTML元素必须要有根元素。XHTML与HTML5的区别HTML5新增了canvas绘画元素；HTML5新增了用于绘媒介回放的video和audio元素；更具语义化的标签，便于浏览器识别；对本地离线存储有更好的支持；MATHML，SVG等，可以更好的render；添加了新的表单控件：calendar、date、time、email等。HTML、XHTML、HTML5之间联系XHTML是HTML规范版本；HTML5是HTML、XHTML以及HTML DOM的新标准。4. HTML5 为什么只需要写这是因为HTML5不基于SGML，因此不需要对DTD进行引用，但是需要DOCTYPE来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。5. 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素： a, b, span, img, input, select, strong;块级元素： div, ul, li, dl, dt, dd, h1-5, p等；空元素：
,
, , , ;6. 页面导入样式时，使用link和@import有什么区别link属于HTML标签，而@import是css提供的；页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载；@import只在IE5以上才能识别，而link是XHTML标签，无兼容问题；link方式的样式的权重高于@import的权重。7. 支持HTML5的浏览器有哪些现在几乎所有现有的浏览器都支持HTML5，例如Chrome, Opera, Safari, IE, 火狐等；8. Label 的作用是什么？ 怎么用？label 标签来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 9. 标签上title属性与alt属性的区别是什么alt是为了在图片未能正常显示时（屏幕阅读器）给予文字说明。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。10. 如何理解语义化标签概念语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。语义化的好处用正确的标签做正确的事情；去掉或者丢失样式的时候能够让页面呈现出清晰的结构；方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。11. 文档声明（Doctype）和有何作用? 严格模式与混杂模式如何区分？它们有何意义?文档声明的作用文档声明是为了告诉浏览器，我们写的HTML文档当前使用什么版本的HTML来写的，这样浏览器才能按照我们声明的版本来正确的解析。的作用 的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，我们需要避免此类情况发生。严格模式与混杂模式的区分严格模式： 又称为标准模式，指浏览器按照W3C标准解析代码；混杂模式： 又称怪异模式、兼容模式，是指浏览器用自己的方式解析代码.混杂模式通常模拟老式浏览器的行为，以防止老站点无法工作；区分：网页中的DTD，直接影响到使用的是严格模式还是浏览模式，可以说DTD的使用与这两种方式的区别息息相关。如果文档包含严格的DOCTYPE ，那么它一般以严格模式呈现（严格 DTD ——严格模式）；包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现（有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式）；DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现（DTD不存在或者格式不正确——混杂模式）；HTML5 没有 DTD ，因此也就没有严格模式与混杂模式的区别，HTML5 有相对宽松的语法，实现时，已经尽可能大的实现了向后兼容(HTML5 没有严格和混杂之分)。总的来说，严格模式让各个浏览器统一执行一套规范.兼容模式保证了旧网站的正常运行。12. 如何实现浏览器内多个标签页之间的通信可以通过调用localstorge、cookies等本地存储方式。13. webSocket如何兼容低浏览器Adobe Flash Socket；ActiveX HTMLFile (IE) ；基于 multipart 编码发送 XHR；基于长轮询的 XHR；14. iframe有哪些优缺点优点iframe可以实现无刷新文件上传；iframe可以跨域通信；解决了加载缓慢的第三方内容如图标和广告等的加载问题。缺点iframe会阻塞主页面的Onload事件;无法被一些搜索引擎索引到;页面会增加服务器的http请求;会产生很多页面，不容易管理。15. src与href有什么区别src用于替换当前元素；href用于在当前文档和引用资源之间确立联系；src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；而href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接。16. table的作用以及其优缺点作用可用于布局（已过时）；用于显示批量数据；优点在某些场合，使用Table是100%的适合、恰当和正确。比如，用table做表格是完全正确的缺点Table要比其它html标记占更多的字节，会导致延迟下载时间，占用服务器更多的流量资源；Table会阻挡浏览器渲染引擎的渲染顺序，这会导致延迟页面的生成速度，让用户等待更久的时间；灵活性差，比如要通多td才能设置tr的border属性；代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱；混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱；深层的嵌套，导致搜索引擎读取困难，同时还很大程度上增加了代码冗余；不够语义。17. 浏览器乱码的原因是什么？如何解决？产生乱码的原因网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之也会出现乱码；html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码；浏览器不能自动检测网页编码，造成网页乱码。解决办法使用软件进行编辑HTML网页内容；如果网页设置编码是gbk，而数据库储存数据编码格式是UTF-8，此时需要程序查询数据库数据显示数据前进程序转码；如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单进行转换；18. HTML和DOM有何关系？HTML是死的，只是一个字符串；而DOM是由html解析而来，是活的，我们可以通过Javascript维护DOM。19. property和attribute的区别是什么property是DOM中的属性，是JavaScript里的对象;attribute是HTML标签上的特性，它的值只能够是字符串;简单的理解就是：Attribute就是DOM节点自带的属性，例如html中常用的id、class、title、align等；而Property是这个DOM元素作为对象，其附加的内容，例如childNodes、firstChild等。20. HTML元素如何体现其嵌套关系块级元素可以包含行内元素；块级元素不一定能包含块级元素；行内元素一般不能包含块级元素（a元素例外）21. 几种Doctype文档类型标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。HTML 4.01 规定了三种文档类型：分别是Strict、Transitional 以及 Frameset；XHTML 1.0 规定了三种 XML 文档类型：分别是Strict、Transitional 以及 Frameset；Standards （标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页；Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页。 先整理到这里 后续继续更新其他学习资料笔记，视频获取方式：020 持续更新，精品小圈子每日都有新内容，干货浓度极高。结实人脉、讨论技术 你想要的这里都有！抢先入群，跑赢同龄人！（入群无需任何费用）点击此处，与前端开发大牛一起交流学习

我要回帖

更多关于 网页出现乱码怎么解决 的文章

 

随机推荐