HTML知识点总结(2)

1、XHTML和HTML的区别?
最主要的不同:
①、XHTML 元素必须被正确地嵌套。
②、XHTML 元素必须被关闭。
③、标签名必须用小写字母。
④、XHTML 文档必须拥有根元素。

2、使用data-的好处?
data-为H5新增的为前端开发者提供自定义的属性,这些属性集可以通过对象的 dataset 属性获取,不支持该属性的浏览器可以通过 getAttribute 方法获取 。
需要注意的是:data-之后的以连字符分割的多个单词组成的属性,获取的时候使用驼峰风格。
所有主流浏览器都支持 data-* 属性。即:当没有合适的属性和元素时,自定义的 data 属性是能够存储页面或 App 的私有的自定义数据。

3、meta标签
meta常用于定义页面的说明,关键字,最后修改日期,和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面),搜索引擎和其它网络服务。所有的浏览器都支持标签。
meta标签详细介绍可参考改文章:meta标签详解
定义和用法:

元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 注意: 标签永远位于 head 元素内部。

4、HTML废弃的标签有哪些?
以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定了。

(1)、能用CSS代替的元素
这些元素包含basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为页面展示用的,表现的内容应该由CSS完成。

(2)、frame框架
这些元素包含frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。

(3)、只有部分浏览器支持的元素
这些元素包含applet、bgsound、blink、marquee等标签。

(4)、其他被废除的元素
废除rb,使用ruby替代废除acronym使用abbr替代废除dir使用ul替代废除isindex使用form与input相结合的方式替代废除listing使用pre替代废除xmp使用code替代废除nextid使用guids废除plaintex使用“text/plian”(无格式正文)MIME类型替代。

5、css js放置位置和原因?
script标签最好放在标签的前面,因为放在所有body中的标签后面就不会出现网页加载时出现空白的情况,可以持续的给用户提供视觉反馈,同时在有些情况下,会降低错误的发生。

而css标签应该放在标签之间,因为如果放在标签的前面,那么当DOM树构建完成了,渲染树才构建,那么当渲染树构建完成,浏览器不得不再重新渲染整个页面,这样造成了资源的浪费。效率也不高。如果放在之间,浏览器边构建边渲染,效率要高的多。
放置位置和原因:https://segmentfault.com/a/1190000009272434

6、什么是渐进式渲染?

猜你喜欢

转载自blog.csdn.net/lianbo666/article/details/89884639