html css js知识点

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

---

什么叫做【语义化】呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）

从页面显示效果来看，被 < b> 和 < strong> 包围的文字将会被加粗，而被 < i> 和 < em> 包围的文字将以斜体的形式呈现。

< b> 和 < i> 创建之初就是简单地表示粗体和斜体样式，但现在是 HTML5 的天下。语义化是 HTML5 最大的特性之一，而所有被 HTML5 保留的标签都带有其特有的语义，< b> 和 < i> 也不例外，它们分别被重新赋予了语义。相比较而言，标签的样式反而变得无足轻重，所以上面所讲的两组标签，虽然样式上表现极其相似，但其实语义上各有侧重。

【i】元素代表在普通文本中具有不同语态或语气的一段文本，某种程度上表明一段不同特性的文本，比如一个分类学名称，一个技术术语，一个外语习语，一个音译，一个想法，或者西方文本中的一艘船名。

【b】 元素代表侧重实用目的而不带有任何额外重要性也不暗示不同语态或语气的一段文本，比如一段文本摘要中的关键词、一段审查中的产品名称、文本驱动软件中的可执行语句或者一篇文章的导语。

【em】 元素代表对其内容的强调。强调位置的不同通常会带来整个句子含义的变化。

【strong】 元素代表内容的强烈的重要性、严重性或者紧急性。可以被用在标题（heading）、说明（caption）或者段落（paragraph）上，来显示这部分被包围的文字的重要性。可以被用来标记警告或者警示标志。可以被用来表示需要被尽快看见的部分。需要注意的是，< strong> 元素仅仅对文本内容的重要性、严重性或紧急性产生作用，而不像 对句子含义进行改变。

小结：
< em>用于对文本内容进行强调，强调位置的不同通常会改变句子的含义。如果仅仅在语态或语气上为了突出某一个文本，那应该使用 < i>。但如果为了突出某一部分的重要性、严重性或紧急性，那应该使用 < strong>。根据 W3C 对 < b> 元素的说明，< b>元素应当是在其他标签都不合适的情况下最后一个考虑使用的标签。相同的，在考虑使用 < i>之前，也要想想是否用 < em>、< strong>、< dfn>或 < mark>等元素更合适。

好处：

1. 更容易被搜索引擎收录。
2. 更容易让屏幕阅读器读出网页内容。

---

DOM 是为了操作文档出现的 API，document 是其的一个对象；
BOM 是为了操作浏览器出现的 API，window 是其的一个对象。

当浏览器并排放置2个内联元素时，用边界之和来计算他们之间的空间。
当浏览器并列放置2个内联元素时，重叠边界的高度是最大值的值。

块元素忽略漂移元素，而内联元素知道它们在那儿。
当你在一个块元素中设置了clear属性时，它会把一个块元素向下移，直到它的右边或左边都没有漂移元素。

漂移元素必须设置一个明确的宽度值，不能是默认的。