设为首页 - 加入收藏 华夏网 (http://www.hxwgxz.com)- 云主机,资讯,互联网,人工智能,云计算,大数据,区块链,VR,站长网!
热搜: 2019 google 中国 2020
当前位置: 主页 > 运营 > 正文

HTMLamp;amp;css面试题

发布时间:2021-01-01 11:02 所属栏目:[运营] 来源:网络整理
导读:h1 id="htmlcss相关问题"HTMLcss相关问题 h3 id="xhtml和html有什么区别"1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言 最主要的不同 XHTML元素必须被正确地嵌套。 XHTML元素必须被关闭 标签名必须用小写字母 XHT

<h1 id="htmlcss相关问题">HTML&css相关问题
<h3 id="xhtml和html有什么区别">1.XHTML和HTML有什么区别

  • HTML是一种基本的WEB网页设计语言,XHTML是一个基于XMl的置标语言
  • 最主要的不同
  • XHTML元素必须被正确地嵌套。
  • XHTML元素必须被关闭
  • 标签名必须用小写字母
  • XHTMl文档必须拥有根元素

  • 直观的认识标签对于搜索引擎的抓取有好处,用正确的标签做正确的事情!
  • HTML语义化就是让页面的内容结构化,便于对浏览器,搜索引擎解析;
  • 在没有样式css情况下也以一种文档格式显示,并且是容易阅读。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO。
  • 在阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

  • 1、用正确的标签做正确的事情。
  • 2、html语义化让页面的内容结构化,结构更清晰,便于对浏览器,搜索引擎解析;
  • 3、即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;
  • 4、搜索引擎的爬虫也依赖于HTML标记确定上下文和各个关键字的权重,利用SEO;
  • 5、使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

  • Trident内核:IE,MaxThon,TT,The Word,360,搜狗浏览器等。[又称为MSHTML]
  • Gecko内核:Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等;
  • Presto内核:Opera7及以上。[Opera内核原为:Presto,现为:Blink]
  • Webkit内核:Safari,Chrome等。[Chrome的:Blink(Webkit的分支)]

  • 浏览器:IE、Chrome、FireFox、Safari、Opera
  • 内核:Trident、Gecko、Presto、Webkit

  • HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加。
  • 绘画canvas
  • 用于媒介回放的video和audio元素
  • 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失;
  • sessionStorage的数据在浏览器关闭后自动删除
  • 语意化更好的内容元素,比如article,footer,header,nav,section
  • 表单控件:calendar,date,time,email,url,search
  • 新的技术webworker,websocktGeolocation
  • 移除的元素
  • 纯表现的元素:basefont,big,center,font,s,strike,tt,u;
  • 对可用性产生负面影响的元素:frame,frameset,noframes;
  • 支持HTML5新标签:
  • IE8/IE7/IE6支持通过document,createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,浏览器支持新标签后,还需要添加标签默认的样式。

  • cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会;
  • sessionStorage和localStorage的存储空间更大;
  • sessionStorage和localStorage有更多丰富易用的接口;
  • sessionStorage和localStorage各自独立的存储空间;

  • cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
  • cookie数据始终在同源的http请求中携带(即使不需要),即会在浏览器和服务器间来回传递。
  • sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存存储大小:
  • cookie数据大小不能超过4K。
  • sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。有期时间:
  • localStorage:存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
  • sessionStorage:数据在当前浏览器窗口关闭后自动删除
  • cookie:设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭

  • 调用localstorage,cookies等本地存储方式
  • WebSocket、SharedWorker
  • localstroge另一个浏览器上下文被添加、删除或修改时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信。
  • 注意quirks:Safari在无痕迹模式下设置localstorge值抛出QuotExceededError的异常。

  • HTMl5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTMl4.01基于SGMA,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

  • !Doctype声明位于HTML文档的第一行,处于html标签之前。告知浏览器的解析器用什么文档标准解析这个文档。doctype不存在或格式不正确会导致文档以兼容模式呈现。
  • 标准模式的排版和JS运作模式都是该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式来显示,模拟老式浏览器的行为以防止站点无法工作。

  • 用于声明文档使用哪种规范(html/Xhtml)一般为严格过渡基于框架的html文档。
  • 加入XML声明可触发,解析方式更改为IE5.5拥有IE5.5的Bug。

  • HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来进行)
  • 而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

  • HTML即:超文本标记语言,标准通用标记语言的一个应用,“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
  • HTML Document即:HTML Document对象,每个载入浏览器的HTML文档都会成为Document对象
  • 由于Document对象是window对象的一部分,所以可通过window.document属性对其进行访问。

  • title标签;meta标签;header标签;footer标签
  • 元标签(meta标签);导航标签(nav标签);文章标签(article标签);左或右侧标签(aside标签)

  • IE盒子模型box-sizing:border-box;(怪异模式)
  • 【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章