HTML知识题
2021-04-03 08:26
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由万维网联盟（起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。
W3C对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范，包含如下几点：
对于结构要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助）
标签字母要小写、标签要闭合标签、不允许随意嵌套
对于css和js来说：尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。
样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版
不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。
WEB标准（结构、表现、行为分离）有哪些优点呢?
易于维护：只需更改CSS文件，就可以改变整站的样式
页面响应快：HTML文档体积变小，响应时间短
可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别
设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名
2.浏览器标准模式和怪异模式之间的区别是什么？
盒子模型渲染模式的不同。在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用标准模式，如果缺失就会采用怪异模式
①盒模型的解释不同，在怪异模式下，盒模型为IE盒模型(和标准 W3C 盒子模型不同的是：IE 盒子模型的 content 部分包含了 border 和 pading。外边距以内，组成宽高。)
②元素溢出的处理，标准模式下，overflow取值默认为visible；在怪异模式在，该溢出会被当做扩展box来对待，即元素的大小由内容决定，溢出不会裁剪，元素框自动调整，包含溢出内容。
③table元素中的字体，CSS中，对于font的属性都是可以继承的。怪异模式下，对于table元素，字体的某些元素将不会从body等其他封装元素继承中的得到，特别是font-size属性。
④标准模式下:内联元素无法自定的大小，怪异模式下:定义width height 可以影响元素的尺寸。
3.
alt是在图片无法加载的时候才会显示的其值，而title是在图片正常加载鼠标划上去显示的值，虽然alt也有后者的功能，但是只是在低版本的ie浏览器才支持，高版本及标准浏览器不支持这个功能了。