我的编程空间,编程开发者的网络收藏夹
学习永远不晚

HTML中空元素与使用小写标签的示例分析

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

HTML中空元素与使用小写标签的示例分析

这篇文章主要为大家展示了“HTML中空元素与使用小写标签的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML中空元素与使用小写标签的示例分析”这篇文章吧。

    HTML实例解析

    <p>元素:

    <p>这是第一个段落。</p>

    这个<p>元素定义了HTML文档中的一个段落。

    这个元素拥有一个开始标签<p>以及一个结束标签</p>.

    元素内容是:这是第一个段落。

    <body>元素:

    <body>

    <p>这是第一个段落。</p>

    </body>

    <body>元素定义了HTML文档的主体。

    这个元素拥有一个开始标签<body>以及一个结束标签</body>。

    元素内容是另一个HTML元素(p元素)。

    <html>元素:

    <html>

    <body>

    <p>这是第一个段落。</p>

    </body>

    </html>

    <html>元素定义了整个HTML文档。

    这个元素拥有一个开始标签<html>,以及一个结束标签</html>.

    元素内容是另一个HTML元素(body元素)。

    不要忘记结束标签

    即使您忘记了使用结束标签,大多数浏览器也会正确地显示HTML:

    <p>这是一个段落

    <p>这是一个段落

    以上实例在浏览器中也能正常显示,因为关闭标签是可选的。

    但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

    HTML空元素

    没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。

    <br>就是没有关闭标签的空元素(<br>标签定义换行)。

    在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。

    在开始标签中添加斜杠,比如<br/>,是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。

    即使<br>在所有浏览器中都是有效的,但使用<br/>其实是更长远的保障。

    HTML提示:使用小写标签

    HTML标签对大小写不敏感:<P>等同于<p>。许多网站都使用大写的HTML标签。

    菜鸟教程使用的是小写标签,因为万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写。

以上是“HTML中空元素与使用小写标签的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

HTML中空元素与使用小写标签的示例分析

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

HTML中浮动元素float使其父元素高度塌陷的示例分析

这篇文章主要介绍HTML中浮动元素float使其父元素高度塌陷的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!浮动元素使其父元素高度塌陷我们经常会遇到一种情况,给一个元素设置浮动之后 float:left/r
2023-06-08

微信小程序中引入并使用自带和外部图标的示例分析

这篇文章主要介绍微信小程序中引入并使用自带和外部图标的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!自带图标
2023-06-15

编程热搜

目录