什么是html的重要组成元素
下面这三个元素是html的重要组成元素
一、Top-level element 【顶级元素】
比如html, body, frameset等，它们都属于高级块级元素。
Block-level element 【块级元素】
比如 p, h1~h6, div, ul，li
顾名思义就是以块显示的元素，高度宽度都是可以设置的。默认状态下每次都占据一整个行，后面的内容也必须再另起一行显示。
行级元素可以通过css的 display:block和float属性更改成块级元素。块级元素能够独立存在, 一般的块级元素之间以换行分隔。
二、Inline element 【内联元素】
比如a, br, em, img, li, span
通俗点来说就是文本的显示方式，与块级元素相反，内联元素的高度宽度是不可以设置的，其宽度和高度就是根据自身文字或者图片的宽度延展得来。
三、内联元素的显示特点就是像文本一样的显示，不会独自占据一个行。
当然内联元素也能变成块级元素，那就是通过css的display:inline;和float来实现。
html如何实现鼠标悬停显示文字，鼠标移走文字消失
css里面，可以把文字显示属性设置为block，然后在鼠标hover时把visiability属性设置为可见，鼠标out时设置visiability设置为不可见就可以了。
html7大元素
1、网页结构
网页结构一般都包含文档声明DOCTYPE，并且在head中的meta应该包含编码格式、关键字、网页描述信息。
2、自关闭元素
3、布局最常用的两个元素
（1）div：流布局使用；
（2）span：文字块使用。
4、块级别元素和行级别元素
块级别元素：是指开始在新的行，占领整行宽度。例如div默认是块级别block元素；
行级别元素：仅仅维持内容的宽度，例如文字块的span元素；
通过CSS的display属性声明元素显示级别，一般包括inline行级别、inline-block行内块元素、block、table块级别表格。
5、文字类元素
6、HTML5新增的结构化元素
（1）结构化元素包括：<header>, <nav>, <article>, <section>, <aside>, <footer>。
（2）元素级别：都是block级别元素，不包含样式，只用于结构化，每个页面可多次使用。
（3）元素说明：header描述头部信息，nav用于导航模块，article用于可重新覆盖的新闻类内容块，section模块化，aside页面左或右模块，footer底脚模块。
7、页面内跳转
如果需要跳转到页面指定的位置，可在该位置设置元素的id属性，然后为链接添加href="#id"。
html元素根据表现形式分为
html元素根据表现形式被分为三种类型:块状元素，内联元素，可变元素。
一、块状元素(block element)
1)块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块p,dl,dt,dd,ol,ul,(h1-h6),p,form,hr,table,tr,td等；
2)默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。
3)块状元素都可以定义自己的宽度和高度。
4)块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。
二、内联元素(inline element)(或是行内元素、行间元素、内嵌元素)
1) 常见的内联元素如：a,span,i,em,strong,b，img，input等
2) 内联元素的表现形式是始终以行内逐个进行显示；
3) 内联元素没有自己的形状，不能定义它的宽和高,它显示的宽度、高度只能根据所包含内容的高度和宽度来确定，它的最小内容单元也会呈现矩形形状；
4) 内联元素也会遵循盒模型基本规则，如可以定义padding,border,margin,background等属性，但个别属性不能正确显示;
三、可变元素
需要根据上下文关系确定该元素是块元素或者内联元素块元素(block element)。