领先的免费Web技术教程，涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

04元素类型（元素种类总结）

nixiaole 2024-11-17 14:27:41 知识剖析 24 ℃

分析以下代码。

<!DOCTYPE html>
<html>
    <head>
        <title>小白学HTML</title>
    </head>

    <body>
        <div style="width: 100px;height:100px;background:orange">
            <a href="https://cn.bing.com" target="_blank">打开Bing搜索</a>
        </div>
        <div></div>
        <hr>
        我是一个短语元素，同时也是一个流元素。
        <div/>
    </body>
</html>

元素标签的使用方法

元素的标签使用有多种方法，对于有内容的标签来说基本一致。如第一个 div 元素，内标签内放置了一个 a 元素。

空内容的元素有多种写法，第二个 div 元素就是一种空元素，形如 <div></div> ，也可以写成自闭合的方式 <div/> ，两种形式表达的效果是一样的，都代表空元素。

另外一种特殊的元素，也叫做虚元素，这种元素表达特殊的意思，不能包含内容。使用此种标签可以是自闭合的方式，也可以是没有闭合的形式。如 <br> 和 <br/> 代表换行， <hr> 和 <hr/> 代表水平分割线。

元素的类型

  • 元数据元素：用来构建 HTML 文档基本结构以及向浏览器提供信息
  • 流元素：用来确定一个元素的合法父元素和子元素的范围
  • 短语元素：HTML 的基本成分，短语元素属于流元素

简单来说，元数据元素一般是 head 的子元素，向浏览器提供信息，包括字符编码信息、样式表的引用、脚本的引用等。

流元素通俗的来说是外观尺寸布局测量元素，他依据父元素和子元素的特性，来计算自身的大小及子元素的大小。

短语元素也参与尺寸计算，因此也属于流元素。

还有一类元素，不属于以上分类，这种元素没有特殊含义或者只能用在非常有限的情况下，如 ul 和 menu 元素。其中 ul 元素表示无序列表， menu 表示菜单。 menu 元素，迄今为止，大多数浏览器并不支持，慎用。

Tags：

猜你喜欢

最近发表
标签列表