• 技术文章 >web前端 >前端问答

    html5中元素由哪三部分组成

    青灯夜游青灯夜游2022-04-25 13:35:24原创224

    html5中元素由开始和结束标签、内容、属性三部分组成,语法“<开始标签名>内容”。标签名称不区分大小写,但属性的值需要区分大小写;且少部分HTML标签没有单独的结束标签,而是在开始标签中添加“/”来进行闭合。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    HTML 中的标签就像关键字一样,每个标签都有自己的语义(含义),例如<p>标签代表段落,<b>标签代表加粗。根据标签的不同,浏览器会使用不同的方式展示标签中的内容。

    在实际开发中,有时我们也将 HTML 标签称为 HTML 元素。

    html5中元素由开始和结束标签内容属性三部分组成。

    大部分html元素以开始标签起始,以结束标签终止,少部分HTML元素没有单独的结束标签,使用“/”闭合。

    元素的内容是开始标签与结束标签之间的内容。

    标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:

    	  属性
    	   ↓
    <div class="foo">php中文网</div>
     ↑                  ↑      ↑
    开始标签            内容   结束标签

    除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等。

    注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。

    当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。

    一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:

    自闭和标签

    有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/来进行闭合,这种标签称为自闭和标签。请看下面的例子:

    <img src="/static/images/new/logo.png" alt="php中文网Logo" />  <!-- 图像 -->
    <hr />  <!-- 分割线 -->
    <br />  <!-- 文本换行 -->
    <input type="text" placeholder="请输入内容" />  <!-- 文本输入框 -->

    自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。

    <!-- --> 表示 HTML 注释,用来对 HTML 代码进行说明,浏览器会忽略注释内容,所以用户在网页中看不到注释

    【相关推荐:html视频教程web前端

    以上就是html5中元素由哪三部分组成的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html5
    上一篇:html5中新增加的表单元素有哪些 下一篇:html5怎么让头和尾固定不动
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html5标签的使用规则是什么• 带你了解HTML5 SVG,看看怎么绘制自适应的菱形• html5怎么让文章题目居中• caption是html5新增的吗• html5支持boolean值属性吗
    1/1

    PHP中文网