HTML5 元素标签的省略机制

🌙
手机阅读
本文目录结构

元素标签省略机制

HTML5是保证与之前HTML语法最大程度兼容而设计的,所以以前HTML4常用语法都需要允许并且承认。以前HTML4中p是没有结束标签的(也叫结束标记)

<p>文字文字
<p>文字文字

上面这种是被允许的。

在HTML5中元素标签可以省略的,具体分为

  • 不允许写结束标签的元素
  • 可以省略结束标签的元素
  • 可以省略全部标签的元素

不允许写结束标签的元素

比如<br>...</br> 这种写法就是错误的,需要写<br/>

这部分的元素有

  • area
  • base
  • br
  • col
  • command
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

可以省略结束标签的元素

  • li
  • dt
  • dd
  • p
  • rt
  • rp
  • optgroup
  • option
  • colgroup
  • thead
  • tbody
  • tfoot
  • tr
  • td
  • th

可以省略全部标签的元素

  • html
  • head
  • body
  • colgroup
  • tbody

下面的语法就是符合HTML5规范的写法

<!DOCTYPE html>

为了兼容:省略引号

当指定属性值的时候,属性值两边即可以双引号,也可以单引号,(不能单引号和双引号混合使用)

HTML5在此基础上进行了改进。当属性值不包括空字符串,">","<","=",单引号,双引号字符时,引号可以省略

下面三种都是合法的

<input type="text" />
<input type='text' />
<input type=text />

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了