所有分类
  • 所有分类
  • 后端开发
HTML5标签省略大揭秘!省心又省力

HTML5标签省略大揭秘!省心又省力

本文给大家总结了html5标签知识,包括可以省略的标签、新增的标签,本文给大家介绍的非常详细,具有参考借鉴价值,感兴趣的朋友参考下吧可以进行省略的标签可以完全省略的标签:html、head、body、colgroup、tbody新增的标签

可以省略的标签

实际上在HTML5里面有些标签是不需要自己再加结尾的,这让我们写起代码来超级方便!比如说`li`,`dt`,`dd`,还有`p`这类标签,都是你可以随便省去结束标签的~这样处理不仅节省了时间,还增加了代码的易懂度和整洁程度。举个例子,假如想做一个列表的话,我们只要把每个项目的内容写出来就好,根本不用费劲地加上结尾~

除了那些必须要有的标签之外,有些像`html`、`head`、`body`这样的标签其实也不是非得加不可。它们在HTML里面有很大用处,但是有时候你可以不用管它直接跳过。举个例子来说,当你在做个普通的HTML页面的时候,浏览器会自动帮你添上这些该有的标签,这样网页才能看起来没问题。

新增的标签

随着HTML5的变化,出现了很多新鲜的语义化标签,简化了网页结构,给了我们更多好看又好用的选择。比如那个叫什么子栏、侧边栏、页头、页尾之类的标签,可不是为了简单替换原来的div元素,而是帮咱们更好地展示页面内容和结构之间的关系.

-这个“<div>`就是用来给网页分块的,比如你要分章节啦、页面啦还是页角啦什么的都可以用它。还能配合`h1`啊、`h2`之类的标题标签一起使,让网页看起来更清晰明了。

“就是表明这个区域是一段独立的、不依赖于正文的话题,一般用来发表文章或者展示博客。

-““”这个符号就是为了标记 comments article之外的部分,常被用来安排侧面边栏或者补充信息。

HTML5标签省略大揭秘!省心又省力

““”和”“”就是网页里头和尾的小块儿地儿,用来放导航超链和版权声明啥的。

-`>`这玩意儿就是告诉你这里有个导航的地儿,咱们看网页时总能见到它秀着导航菜单。

`标签是用来分隔各种形式的流媒体内容,比如图片啦、图表啦、代码段什么的。常和在一起用,方便介绍这些内容。

简单来说就是用来表示视频或音频的符号!而 HTML5也让我们可以更加方便地将视频和音频文件嵌入网页哦~

利用这些新添的语义化标签,咱们就可以更精准地告诉搜索引擎网页里头的架构和文本是怎么搭配在一起的,这样也能提高网站页面的可读性,帮你推广起来更顺利!

总结

总的来说,HTML5里面有些地方可以跳过结尾标识符,还新加了一些有意义的标签!利用好这些新特性,咱们就能写出更有效率的HTML代码,让网上的东西一清二楚。所以,开发时千万要用上这些功能,瞧着需要挑个适当的标签搭建网站就行。

在未来Web开发领域里头,技术只会越来越牛逼,规范也会更完善,所以HTML5肯定会越来越受宠,对咱们开发小伙伴来说也就意味着机会大大滴多~现在就动起来,让我们一起学学学,涨涨见识,共同前进一步!对HTML5新功能以及语义化标签感兴趣或有些不解的朋友们,欢迎来畅所欲言!

原文链接:https://www.icz.com/technicalinformation/web/2024/04/14592.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?