DOCTYPE及其作用声明不是HTML标签;用于告诉浏览器该页面是用哪个版本的HTML编写的。DOCTYPE用于声明文档类型和DTD规范,其主要用途之一是文档的合法性验证。HTML版本:HTML5:HTML4.01Strict(严格模式)该DTD包含所有HTML元素和属性,但不包括表示性和弃用的元素(例如字体)HTML4.01Transitional(traditional/loosemode)此DTD包含所有HTML元素和属性,包括显示永久和弃用的元素(例如字体)HTML5不需要指DTD,HTML4.01需要指DTDTD:(DocumentTypeDefinition)是用来定义XML或(X)HTML的文档类型的一系列语法规则。Canvas和SVGCanvasCanvas通过JavaScript绘制二维图形。画布是逐像素渲染的。在canvas中,图形一旦被绘制出来,就不会继续得到浏览器的注意。如果它的位置发生变化,则需要重新绘制整个场景,包括任何可能已被图形覆盖的对象。SVGSVG是一种使用XML描述2D图形的语言。svg绘制的每一个图形元素都是一个独立的DOM节点,可以方便的绑定事件或者用于修改。在SVG中,绘制的每个形状都被视为一个对象。如果SVG对象的属性发生变化,浏览器可以自动重现图形。Canvas和SVG的比较Canvas依赖于分辨率,不支持事件处理程序弱文本渲染能力最适合图形密集型游戏,其中很多对象会经常重绘Canvas是位图,输出标量画布,就像图片一样同样,可以将结果保存为.png或.jpg格式图像放大会失真或出现锯齿SVG与分辨率无关支持事件处理程序最适合具有大渲染区域的应用程序(如Google地图)高复杂性会减慢渲染速度(任何使用DOM太多不快)svg是矢量图,输出的是矢量图,后期可以修改参数自由放大缩小,不会真实或锯齿。SEO优化SEO:搜索引擎优化是利用搜索引擎的搜索规则来提高当前网站在相关搜索引擎中的自然排名的一种方式。SEO原理:页面爬取:爬虫向服务器请求页面,获取页面内容。分析入库:对获取的内容进行分析,收集优质页面。检索排序:当用户搜索某个关键词时,将包含的页面按照一定的规则进行排序,并将结果返回给用户。TDKtitleSEO中的标题标签,
足以强调重点,重要的关键词出现次数不超过2次,放在最前面。description描述标签,高度概括页面内容keywords关键词标签list前端SEO优化网站结构布局优化1.控制首页链接数量太少:影响网站数量收藏太多:影响用户体验,降低网站首页权重2、优化目录层级,尽量让“爬虫”跳转33、导航优化尽量使用文字4、分页导航推荐写法:“首页123456789下拉框”不推荐,“首页下一页”5.提高网站速度:控制页面大小,减少http请求。网页代码优化1.合理的TDK2.语义化的HTML代码标签应该用“title”属性解释不显示图像时显示的文本),label:用于强调。bbold为粗体,strong为粗体为高亮iitalic为斜体,em为斜体为高亮3.重要的HTML代码放在最前面4.重要的内容不要用js输出5.少用iframe相关概念严格模式和混杂模式严格模式:以浏览器支持的最高标准运行混杂模式:页面以宽松和向后兼容的方式显示,模拟旧浏览器的行为渐进增强和优雅降级渐进增强:保证最基本的从开始功能,然后为更高版本的浏览器改进和添加功能。优雅降级:从一开始就构建完整的功能,然后使其兼容低版本浏览器。Quirks模式和Standards模式Quirks(怪癖/兼容性)模式是浏览器运行的一种模式。一个相对较新的浏览器故意模拟旧浏览器中存在的许多错误。目标是让旧页面看起来像作者想要的那样。没有DOCTYPE的文档使用quirks模式。怪癖模式相对宽松,不强制执行某些规则。Quirks模式与Standards模式的区别Box模型:在W3C标准中,设置元素的宽高是指元素内容的宽高,而在Quirks模式下,IE的宽高也是包括填充和边框。设置内联元素的高宽:在Standards模式下,为等内联元素设置wdith和height不会生效,但在quirks模式下会生效。margin:0auto:在标准模式下使用margin:0auto可以使元素水平居中,但在quirks模式下会失败。HTML和XHTML有什么区别,您认为应该使用哪一种,为什么。应该使用XHTML,因为XHTML是改写HTML的XML规范,比HTML更加严格,如下:1、XHTML中的所有标签都必须有相应的结束标签;2、XHTML中所有标签的元素名称和属性名称都必须使用小写字母;3、所有的XML标签必须合理嵌套;4.有些属性必须用引号""括起来;5、所有<和&特殊符号都要用encoding表示;6、给所有属性附加一个值;7、不要在评论内容中使用“--”;8.图片必须使用说明文字。