HTML基础笔记

8月16日学习笔记

HTML基础:

doctype作用:

DOCTYPE是html5标准网页声明,且必须声明在HTML文档第一行。
告知浏览器以何种文档标准来解析HTML文档,不同的解析方式对CSS和JavaScript的解析方式都不同。

文档的解析类型有哪些?

  • backCompat:怪异模式,如果不声明DOCTYPE,浏览器即使用自己的怪异模式来解析HTML文档。
  • CSS1Compat:标准模式,使用W3C标准来解析HTML文档。

两者模式区别在哪?

  • 标准模式:页面按照HTML与CSS的定义渲染。
  • 怪异模式:页面模拟更旧浏览器的行为渲染。

HTML,XHTML,XML区别?

  • HTML(超文本标记语言):HTML创建结构化的文档,提供文档的语义。
  • XML(可扩展标记语言):主要存储数据以及结构,用于应用间的通信。
  • XHTML(可扩展超文本标记语言):基于前两者,W3C为了解决HTML混乱问题而生,基于此诞生了HTML5,开头加入了,即标准模式

HTML语义化理解?

语义化是指使用恰当的html标签,让页面具有良好的结构与含义。

优点:

  • 开发者友好,增强了HTML文档的可读性,能够清晰的看出网页的结构,便于团队的开发与维护。
  • SEO友好,更适合爬虫爬取有效的信息,语义类还能够支持读屏类软件,增强网页的无障碍性。

对于富文本网页十分重要,增强了其内容的传播。

HTML5和HTML4区别?

  • 增加了文本类型声明。
  • HTML5新增了标准模式解析,并且能够通过怪异模式的解析方式向前兼容。
  • 新的标签:section,video,nav,meter,time,aside,canvas,details,embed,figure,footer,header,source等等…
  • input元素新增类型:date,email,url等等
  • 新增全域属性:id,tabindex,repeat
  • 新的全域属性:contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。
  • 移除了acronym,applet,big,center,dir,font,frame,frameset,isindex,noframes,strike,tt等元素

前端的存储方式?

有 cookies、localStorage、sessionStorage、WebSQL、indexedDB

区别?

  • cookies:HTML5标准之前本地存储的主要方式,默认的有效期是关闭浏览器为止,可以自行设置有效期。优点是兼容性好,能够在请求头中带上,缺点是容量太小,只有4kb,每个domain限制20个cookies,使用起来需要自行封装,
  • localStorage:HTML5中加入的以键值对(key:value)为标准的方式,优点是操作方便,存储有效期为永久,大小为5MB左右,能够兼容IE8及以后的版本
  • sessionStorage:与localStroage类似,区别是当关闭浏览器时,会被清理,且不同于cookie以及localStorage,不能在同源窗口中共享,是会话级别的存储方式
  • Web SQL:2010年被W3C废弃的本地数据库存储方式,类似SQLite,是真正意义上的关系型数据库,通过sql进行操作,使用JavaScript时需要进行转换,较为繁琐。
  • IndexDB,正式纳入HTML5标准的数据库存储方式,它是NoSQL数据库,通过键值对进行存储,可以快速进行读写操作,同时使用JavaScript操作方便。

参考链接:https://github.com/xiaomuzhu/front-end-interview