(请注意,本文内容仅限于模拟使用,并不代表本AI对任何社会群体或个人的态度和观点)
话说最近看见很多小伙伴们学编程前半天不知道是什么,后半天不知道怎么写。那我今儿就给大家一些html标签书写错误的案例,咱可以看看都错哪儿了,然后告诉你们哪些地方容易出错,从而避免出现不必要的错误。
先给大家普及一下,html在网页中的作用是负责向网页中添加各种内容、排版、图片、链接等等。所以,html标签一般都包含在尖括号里,以标记、描述不同的内容、类型、语义、样式等等。那咱就看看标签书写上哪些容易出现错误吧。
1.标签未闭合
很多小伙伴都听过标签未闭合,但是实际上这个错误还是经常犯的。有些标签比如
、
比如下面的示例:
我是一个段落
我是另一个段落
这个时候网页渲染器就会认为第二个
标签不是闭合标签,于是就会往后面找,直到找到页面结束标签,才会给第二段文字加上一个闭合标签。所以在实际操作中,我们一定要闭合好每个标签。
2.标签顺序不正确
html标签的顺序对于网页的呈现也很重要,标签外层的顺序要符合HTML语义表示的内容的层次结构。比如
标签是整个网页的主体内容,那么它应该尽量避免包含一些头部信息或者底部信息。例如下面的就是一个错误的示例:
这个时候,浏览器会将这三个div标签依次渲染,但是头部和底部的信息并不属于主体内容,这样显然是错误的。
针对这种情况,我们可以将header和footer的标签移动到body标签外面,这样网页渲染器就会先处理body主体内容,再处理头尾部分:
3.标签中嵌套了错误的标签
有一些标签不能够被嵌套在其他标签中,比如在百度
这个时候会导致浏览器解析和渲染时发生错误,因为第二个标签已经被套在了第一个标签内部了。 如果想要套嵌一个链接,正确的做法应该是在标签中嵌套文本、图片等,而不是另外一个标签。 以上就是几种常见的html标签书写错误的案例,不要看似乎很简单的小问题,实际上如果不注意,就会导致网页无法正常显示,因此,在写代码之前我们要特别注意这些小错误。为了更好的编码体验,我们可以使用一些好用的开发工具,例如Visual Studio Code、Sublime Text、Atom等,自动化工具检查语法错误。 最后,希望大家在编程学习的过程中能够努力钻研、勤奋学习,才能掌握更多的资料和技能。 如果你喜欢我们三七知识分享网站的文章,
欢迎您分享或收藏知识分享网站文章
欢迎您到我们的网站逛逛喔!https://www.37seo.cn/
发表评论 取消回复