HTML
关注
分享
扫一扫
远方_ry
我们还年轻，长长的人生可以受一点风浪！
展开
-
！Doctype的作用，严格模式和混杂模式的区别，以及如何触发两种模式
！Doctype的作用1.<！DOCTYPE>声明叫做文档类型DTD，它的作用就是用来标识浏览器使用哪种文档类型，让浏览器知道以何种方式解析文档。2.必须位于HTML文档的第一行，处于<html>标签之前，但是不属于HTML文档标签。3.声明文档的解析类型（document.compatMode），是为了避免浏览器的怪异模式。严格模式和混杂模式的区别，以及如...原创 2019-08-03 14:26:26 · 540 阅读 · 0 评论 -
常见元素的属性特点
块级元素：独占一行；不可解析换行符；可设置宽高和上下边距；不设置宽度的情况下和父元素保持一致；<p><div><h1>~<h6><ol><ul><strong>行内元素：多个元素可以一行显示；解析换行符；元素的宽高和上下边距不可设置；不设置宽度的情况下，默认为内容的宽度不可改变；<span&g...原创 2019-07-25 23:01:48 · 399 阅读 · 0 评论 -
DOM结构（DOM树）
DOM文档类型DOM（Document Object Model）主要用于HTML文档和XML文档的内容进行操作。DOM描绘了一个层次化的节点树，通过节点的操作，来实现对文档内容进行增删改查。1.DOM（Document Object Model）：文档对象模型文档：HTML文档 文档对象：页面中的元素 文档对象模型：对象被组织在一个树形结构中，用来表示文档中对象的标准模型就叫DO...原创 2019-08-03 15:57:39 · 7553 阅读 · 0 评论 -
DOM操作影响页面的性能（重排重绘）
1.页面的渲染过程（1）Javascript：通过JS实现动画效果或者操作DOM实现交互（2）Style：计算样式，如果样式有改变将重新计算，并返回给DOM（3）Layout：根据DOM的样式，重新布局（重排）（4）Paint：在多个渲染层上，对新的布局重新渲染（重绘）（5）Composite：将绘制好的多个渲染层合并，显示到页面上在页面生成时，至少进行一次布局和渲染，...原创 2019-08-03 21:11:00 · 4024 阅读 · 1 评论 -
标签嵌套规则，以及HTML转义
1.标签嵌套规则有些标签是固定的嵌套规则，比如ul包含li，ol包含里，dl包含dd和dt 块级元素与块级元素平级，内联元素与内联元素平级 块级元素可以包含内联元素和某些块元素，内联元素不可以包含块级元素只能包含其他内联元素 有几个特殊的元素只能包含内联元素，不能包含块级元素。例如：h1~h6，p，dt 块级元素不能放在p标签 li标签可以包含div标签，因为li和div标签都是装载...原创 2019-08-05 10:28:25 · 243 阅读 · 0 评论