1.DCOTYPE有什么用
DOCTYPE是“document type"的缩写，它是用来区分标准模式和怪异模式的声明，用来告知浏览器使用标准模式渲染页面；
从中获得的启发：在页面开始处添加<!DOCTYPE html>即可。
2.如何提供包含多种语言内容的页面
当客户端向服务器发送http请求时，通常会发生有关语言首选项信息，比如使用Accept-language请求头。如果替换语言存在，服务器端可以利用该信息返回与之匹配的html文档。返回的html文档还应在<html>标签中声明lang属性，比如<html lang="en">,,.</html>
3.在设计开发多语言网站时，需要留心哪些事情
a.在html中使用lang属性；
b.引导用户切换到自己的母语；
c.在图片中展示文本会阻碍网站规模增长--把文本放在图片中展示，仍然是一种非常流行的方式。这样做可以在所有终端上，都能显示出美观的非系统字体，然而，为了翻译图片中的文本，需要为每种语言单独创建对应的图片，这种做法很容易在图片数量不断增长过程中失控；
d.限制词语或者句子的长度--网页内容在使用其他语言表述时，文字长度会发生变化。设计时，需要警惕文字长度溢出布局问题，最好不要使用受文字长度影响较大的设计。比如标题、标签、按钮的设计，往往很受文字长度影响，这些设计中的文字与正文或评论部分不同，一般不可以自由换行。
e.注意颜色的使用--颜色在不同的语言和文化中，意义和感受是不同的。设计时应该使用恰当的颜色。
f.日期和货币的格式化--日期在不同的国家和地区，会以不同的方式显示。
g.不要使用连接的翻译字符串--不要做类似这样的事情，替代方案是，为每种语言编写带变量替换的模板字符串。
3.什么是data-属性
在js框架变得流行之前，前端开发者经常使用data-属性，把额外数据存储在dom自身中。当时没有其他手段。这样做是为了将自定义数据存储到页面或应用中，对此没有其他更适当的属性或元素。
4.<script>、<script async>、<script defer>的区别
<script>--html解析中断，脚本被提取并立即执行，执行结束后，html解析继续；
<script async>--脚本的提取、执行的过程与html解析过程并行，脚本执行完毕可能在html解析完毕之前，当脚本与页面上的其他脚本独立时，可以使用async，比如用作页面统计分析；
<script defer>--脚本仅提取过程与html解析过程并行，脚本的执行将在html解析完毕后进行，如果含有多个defer脚本，脚本的执行顺序将按照document中出现的位置，从上到下顺序执行。
5.将html5看作成开放的网络平台，什么是html5的基本构件
语义--提供更准确的描述内容；
连接--提供新的方式与服务器通信；
离线和存储--允许网页在本地存储数据并有效的离线运行；
多媒体--在open web中，视频和音频被称为第一公民；
2D/3D图形和特效--提供更多种演示选项；
性能和集成--提供更快的访问速度和性能更好的计算机硬件。
设备访问--允许使用各种输入、输出设备。
外观--可以开发丰富的主题。
6.什么是渐进式渲染
渐进式渲染是用于提高网页性能（尤其是提高用户感知的加载速度），以尽快呈现页面技术。
在以前互联网带宽较小时，这种技术更为普遍。
举例说明：
图片懒加载--页面上的图片不会一次性全部加载。当用户滚动页面到图片部分时，js将加载并显示图像。
确定显示内容的优先级（分层次渲染）--为了尽快将页面呈现给用户，页面只包含基本的最少量的css、脚本和内容，然后可以使用延时加载脚本或监听事件加载其他资源和内容。
异步加载html片段--当页面通过后台渲染时，把html拆分，通过异步请求，分块发送给服务器。
7.为什么在<img>标签中使用srcset属性
因为需要设计响应式图片，我们可以使用两个新的属性--srcset和sizes--来提供更多额外的资源图像和提示，帮助浏览器选择正确的一个资源。
srcset定义了我们允许浏览器选择的图像集，以及每个图像的大小。
sizes定义了一组媒体条件（例如屏幕宽度）并且指明当某些条件为真时，什么样的图片尺寸是最佳选择。
所以，有了这些属性，浏览器会：
a.查看设备宽度；
b.检查size列表中哪个媒体条件是第一个为真；
c.查看给予该媒体查询的槽的大小；
d.加载srcset列表中引用的最接近所选的槽大小的图像；
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
