04元素类型

zhezhongyun 2024-12-11 18:15 54 浏览

分析以下代码。

<!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 元素，迄今为止，大多数浏览器并不支持，慎用。

HTML 文档类型

上一篇：如何给网页设定各种各样的样式?
下一篇：SHTML和HTML的差别在哪，网站建设选择哪个好?

04元素类型

元素标签的使用方法

元素的类型

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?