PHP程序员小白到大牛集训(12期免息)
作者信息

青灯夜游

今天学习一小步,明天提升一大步

最近文章
php怎么去掉含字符串的数组元素604
php怎么只输出数组键值188
php关联数组中怎么去掉空值798
视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • 首页 >web前端 >前端问答 > 正文

    html5中元素由哪三部分组成

    原创2022-04-25 13:35:24940 关注公众号:每天精选资源文章推送

    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 标签都必须放在尖括号< >内;

    • 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中文网其它相关文章!

    20期PHP线上班

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:html5
  • 相关文章

    相关视频


    专题推荐