HTML 问题
本章节是前端开发者面试问题 - HTML 部分的参考答案。 欢迎提出 PR 进行建议和指正!
DOCTYPE
有什么用?- 如何提供包含多种语言内容的页面?
- 在设计开发多语言网站时,需要留心哪些事情?
- 什么是
data-
属性? - 将 HTML5 看作成开放的网络平台,什么是 HTML5 的基本构件(building block)?
- 请描述
cookie
、sessionStorage
和localStorage
的区别。 - 请描 述
<script>
、<script async>
和<script defer>
的区别。 - 为什么最好把 CSS 的
<link>
标签放在<head></head>
之间?为什么最好把 JS 的<script>
标签恰好放在</body>
之前,有例外情况吗? - 什么是渐进式渲染(progressive rendering)?
- 为什么在
<img>
标签中使用srcset
属性?请描述浏览器遇到该属性后的处理过程。 - 你有过使用不同模版语言的经历吗?
- 其它答案
DOCTYPE
有什么用?
DOCTYPE
是“document type”的缩写。它是 HTML 中用来区分标准模式和怪异模式的声明,用来告知浏览器使用标准模式渲染页面。
从中获得的启发:在页面开始处添加<!DOCTYPE html>
即可。
参考
- https://stackoverflow.com/questions/7695044/what-does-doctype-html-do
- https://www.w3.org/QA/Tips/Doctype
- https://quirks.spec.whatwg.org/#history
如何提供包含多种语言内容的页面?
这个问题有点问得含糊其辞,我认为这是在询问最常见的情况:如何提供包含多种语言内容的页面,并保证页面内容语言的一致性。
当客户端向服务器发送 HTTP 请求时,通常会发送有关语言首选项的信息,比如使用Accept-Language
请求头。如果替换语言存在,服务器可以利用该信息返回与之相匹配的 HTML 文档。返回的 HTML 文档还应在<html>
标签中声明lang
属性,比如<html lang="en">...</html>
在后台中,HTML 将包含i18n
占位符和待以替换的内容,这些按照不同语言,以 YML 或 JSON 格式存储。然后,服务器将动态生成指定语言内容的 HTML 页面。整个过程通常需要借助后台框架实现。