HTML5中,《br》《br/》《br /》三者的区别?

html<br />和<br>的区别

<br>是HTML写法。 

<br/>是XHTML1.1的写法,也是XML写法。

<br />是XHTML为兼容HTML的写法,也是XML写法。

因为HTML5兼容XHTML写法,所以三种都可以使用,没有区别。
如果要省一到二个字节的文件大小,使用第一种。
如果要方便地转成XML而且也要省一个字节的文件大小,使用第二种。
如要要方便地转成XML而且要兼容老的浏览器,使用第三种。
因为HTML是SGML的子集,SGML允许标签没有结束标签,而换行符元素正好不需要内嵌元素,也就不需要结束标签。所以在HTML中,应该写成<br>。
因为XHTML是XML的子集,在XML中,标签必须要有结束标签。所以在XHTML中只写<br>是不符合语法规范的,必须写成<br></br>简写成<br/>

而在XHTML的发展过程中,要做到兼容旧的HTML浏览器。而旧的HTML浏览器不理解(错误理解)这两种写法,对于第一种<br></br>的写法,某些浏览器估计会理解成两个<br>标签(我没有资料证明这一点),对于第二种<br/>的写法,某些浏览器会理解成一个叫"br/"的标签。

所以在兼容HTML的XHTML中我们通常把它写成<br />,这样在HTML解析中会理解成有一个叫"/"的属性的"br"标签,在XML解析中仍然会理解成<br></br>的简写,达到了两全其美的效果。 

在早先发布的html规范中<br>、<hr>、<img>等标记元素是无需“封闭自身”的,这就造成了html规范本身的不严谨,所以后来参考了更规范的xml语言的语法推出了xhtml。

在xhtml中所有类似<br>这样的孤立标签都需要自行封闭,具体的做法就是在标签名字的后面跟个“/”,例如<br />,因此,是没有</br>这个写法的。从逻辑上讲<br />=<br>...</br>,这样做的目的是为了尽量减少网页的代码量,同时保持逻辑严谨。

按照xhtml的标准,标签都必须成对出现不能成对的标签也需要结束符,所以在XHTML中只写<br>是不符合语法规范的,所以<br>必须写成<br></br>简写成<br />

其实你写个代码测试一下就知道,<br></br>这样写不表示换行一次,而是两次。

 

HTML是SGML的子集,SGML允许标签没有结束标签,而换行符元素正好不需要内嵌元素,也就不需要结束标签。所以在HTML中,应该写成<br>。
因为XHTML是XML的子集,在XML中,标签必须要有结束标签。所以在XHTML中只写<br>是不符合语法规范的,必须写成<br></br>简写成<br/>

 

没有闭合的标签称为空标签,如:<br />和<img />和<hr />和<input />等等,他们不存在成对的情况,反之具有成对性质的例如:<div></div>、<form></form>就不是空标签

 像<br />这种写法是比较规范的!

规范写法如下:

 <br />

<hr />

<img />

<input />

所有浏览器都支持<br>标签。

HTML 与 XHTML 之间的差异

在 HTML 中,<br> 标签没有结束标签。

在 XHTML 中,<br> 标签必须被正确地关闭,比如这样:<br />

语法:

xhtml写法:<br />(是XHTML为兼容HTML的写法,也是XML写法)

html写法:<br>

现在一般使用xhtml的版本的写法(其它标签也是),这种版本比较规范

不同的标准规范的写法不一样,虽然有一定的通用性,但是在某些情况下还是有区别的!

  • 18
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
好的,你可以使用JS来编写一个考试页面,并使用JS来计算和显示分数。以下是一个简单的示例: 1. 首先,在HTML创建一个包含题目和选项的表单: ```html <form id="quiz-form"> <h3>问题1: 什么是 JavaScript?</h3> <input type="radio" name="q1" value="a">一种编程语言<br> <input type="radio" name="q1" value="b">一种数据库<br> <input type="radio" name="q1" value="c">一种操作系统<br> <h3>问题2: JavaScript 的创造者是谁?</h3> <input type="radio" name="q2" value="a">Brendan Eich<br> <input type="radio" name="q2" value="b">Tim Berners-Lee<br> <input type="radio" name="q2" value="c">Bill Gates<br> <h3>问题3: JavaScript 可以用来做什么?</h3> <input type="checkbox" name="q3" value="a">创建动态网页<br> <input type="checkbox" name="q3" value="b">编写后端服务器<br> <input type="checkbox" name="q3" value="c">开发桌面应用程序<br> <input type="checkbox" name="q3" value="d">创建移动应用程序<br> <br><br> <input type="button" value="提交" onclick="calculateScore()"> </form> ``` 2. 在JS编写一个函数来计算分数并显示结果: ```javascript function calculateScore() { var form = document.getElementById("quiz-form"); var score = 0; // 计算第一题的分数 if (form.elements["q1"].value === "a") { score += 1; } // 计算第二题的分数 if (form.elements["q2"].value === "a") { score += 1; } // 计算第三题的分数 var q3 = form.elements["q3"]; if (q3[0].checked && q3[1].checked && !q3[2].checked && !q3[3].checked) { score += 1; } // 显示分数 alert("您的得分是: " + score + " 分"); } ``` 在这个示例,我们使用了几种不同的表单元素来表示问题,包括单选按钮、复选框和提交按钮。当用户单击提交按钮时,我们调用 `calculateScore` 函数来计算分数。函数首先获取表单元素,然后遍历每个问题并计算得分。最后,它使用 `alert` 函数显示得分。你可以根据你的需求来修改这个代码示例。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值