HTML Questions:Front-end Developer Interview Questions

简介: What's a doctype do?Instruct the browser to render the page.What's the difference between standards mode and quirks mode?Obviously,the css box model.

What's a doctype do?

Instruct the browser to render the page.

What's the difference between standards mode and quirks mode?

Obviously,the css box model.

What are the limitations when serving XHTML pages?

Are there any problems with serving pages as application/xhtml+xml?

The XHTML page must be well formed.If you forgot to closed a element and the browser will not to closed it and cause error.

For "application/xhtml+xml", some old browsers no supports.

How do you serve a page with content in multiple languages?

What kind of things must you be wary of when design or developing for multilingual sites?

Use i18n framework.

What are data- attributes good for?

The W3C specification for data-attributes states that:

Custom data attributes are intended to store custom data private to the page or application, for which there are no more appropriate attributes or elements.

Custom data- attributes are a great way to simplify the storage of application data in your web pages.

Consider HTML5 as an open web platform. What are the building blocks of HTML5?

  • more semantic text markup
  • new form elements
  • vedio and audio
  • new javascript API
  • canvas and SVG
  • new communication API
  • geolocation API
  • web worker API
  • new data storage

Describe the difference between cookies, sessionStorage and localStorage.

Now there are such way to keep data on front-end side.

  • HTML5 web storage
    • HTML5 local Storage
    • HTML5 session storage
    • HTML5 web database
  • Cookies

localStorage - stores data with no expiration date sessionStorage - stores data for one session

  • HTML5 web storage = generic umbrella term for the new client-side data storage options:
    • Web Storage is more secure and faster. The data is not included with every server request, but used ONLY when asked for. It is also possible to store large amounts of data, without affecting the website's performance.
    • Local Storage = persistant and scoped to the domain(store data with no expiration date). At the moment two flavors are usually mentioned:
      • 'default' = stores things in name/value pairs
      • Web SQL (aka Web Database) = uses a SQL database
    • Session Storage = non persistent and scoped only to the current window(stores data for one session)
  • Cookies = the old school way of doing all of the above. Stores name/value pairs per domain.
相关文章
|
5天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
9天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
590 212
|
4天前
|
编解码 Linux 数据安全/隐私保护
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
教程分享免费视频压缩软件,免费视频压缩,视频压缩免费,附压缩方法及学习教程
236 138
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
829 61
|
7天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1227 157
|
6天前
|
存储 安全 固态存储
四款WIN PE工具,都可以实现U盘安装教程
Windows PE是基于NT内核的轻量系统,用于系统安装、分区管理及故障修复。本文推荐多款PE制作工具,支持U盘启动,兼容UEFI/Legacy模式,具备备份还原、驱动识别等功能,操作简便,适合新旧电脑维护使用。
515 109