html知识

时间:2021-08-26 06:43:35

1.doctype作用

doctype标签可以告诉浏览器文档使用哪种HTML或者Xhtml规范。该标签可生命三种DTD类型,是严格版本,过渡版本和基于框架的HTML文档。

声明需要位于文档的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型规范来解析这个文档。

严格模式的排版和Js运作模式是以该浏览器支持的最高标准进行。

在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。

doctype不存在或格式不正确会导致文档以混杂模式呈现。

注:混杂模式以老式浏览器事件,各个浏览器相互不兼容时,不适用doctype来声明文档类型。过度版本和基于框架的文档是近似标准模式文档,能尽可能遵循标准的基础上兼容部分非标准代码。严格版本和html5的声明都是标准模式,能够对统一标准实现最好的模式。

2.行内元素 块级元素

行内元素和块级元素的区分是根据其默认的display属性。可以在css中进行设置。

默认的行内元素:a b span img input select strong

块级元素:p div ul li ol dl dt dd h1 h2 ...

3.link和@import的区别

link为xhtml标签,而@import是css提供的。

页面被加载的时候,link会同时被加载,而@import引用的css会等到页面加载完后再加载。

import在IE5以上才能识别,而link是xhtml标签,无兼容问题。

link方式的样式的权重高于@import的权重。

4.浏览器的内核分别是什么

IE浏览器的内核Trident.Mozilla的Gecko.Chrome的Blink(Webkit的分支).Opera内核原来为Presto,现为Blink。

5.html5的新特性,兼容问题,区分html和html5

主要增加的功能是关于图像,位置,存储,多任务等功能。

绘画的canvas,用于媒体的video和audio,本地离线存储的LocalStorage,长期存储数据,浏览器关闭后数据不丢失;SessionStorage的数据在浏览器关闭后会自动删除。语义化标签,如article,header,footer,nav,section,sidebar。表单控件:calendar,date,time,email,url,search。新的技术有webworker,websocket,Geolocation。

6.语义化的理解

html语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析。在没有样式css情况下以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫以来于标记来确定上下文和各个关键字的权重,利于SEO。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

7.HTML5的离线储存方式

LocalStorage  长期存储数据,浏览器关闭后数据不会丢失。

SessionStorage  数据在浏览器关闭后会自动删除。

容量都比cookie大,不用连接服务器。

8.iframe的缺点。

iframe会阻塞主页面的Onload事件。

iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。使用iframe之前需要考虑这两个缺点。使用irame之前需要考虑这连个缺点。如果需要使用iframe,最好是通过js动态给iframe添加src属性值。这样可以绕开以上两个问题。

9.cookie,sessionStorage,localStorage的区别

cookie  在浏览器和服务器之间来回传递。空间小。

sessionStorage/localStorage  存储空间更大,有更多丰富易用的接口。各自独立的存储空间。