今天小编给大家分享的是html有哪些常用的结构元素,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。 html常用的结构元素有:1、div,可定义文档中的分区或节,用于为HTML文档内大块(block-level)的内容提供结构和背景;2、section,表示文档中的一个区域;3、article,表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构;4、aside,表示一个和其余页面内容几乎无关的部分;5、header,表示页面头部或区块头部。结构元素,又称为区块型元素,是用来定义区块内容范围的元素。之前,区块型元素只有html常用的结构元素div元素div元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。如果用 id 或 class 来标记 注释:提示:请使用 section元素 Section元素(
– element)作为子节点,来辨识每一个
[注意]如果元素内容可以分为几个部分的话,应该使用而不是
article元素
元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。当元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的元素可嵌套在代表博客文章的元素中
元素的作者信息可通过元素提供,但是不适用于嵌套的元素;元素的发布日期和时间可通过
[注意]对于和
aside元素
元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。一般用于表示不直接相关内容的侧边栏,里面的内容与它所关联的内容相互独立,谁缺了谁都不影响各自文本含义的理解。如一篇文章的广告、相关背景和引述内容等
nav元素
HTML导航栏(
并不是所有的链接都必须使用
一个网页也可能含有多个
header元素
[注意]由于
footer元素
[注意]
案例说明:
html>苹果首页 展示1 展示2 展示3 展示4
- Watch
- Pencil
- iPad
- MacBook
说明:main
main元素(
所以,一个正常的最外层布局应该是下面这样
但现在,一般地,布局如下
关于html有哪些常用的结构元素就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。
- html的常用标签元素是什么
- HTML中各种结构元素的简介
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
猜你喜欢
- web前端入门到实战:CSS3中width值为max/min-content及fit-content
- web前端入门到实战:html中div使用CSS实现水平/垂直居中的多种方式
- web前端入门到实战:HTML 转 PDF 图文报表实践
- web前端入门到实战:html5 canvas模拟实现树的生长
- mac 抓包工具Charles 使用(pc端)
- vue使用jsonp
- web前端入门到实战:几种HTML标签伪元素绑定事件的方式
- web前端入门到实战:HTML5 VideoAPI,打造自己的Web视频播放器
- web前端入门到实战:CSS3边框与圆角
- web打印的最佳解决方案
article元素 元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。当元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的元素可嵌套在代表博客文章的元素中 元素的作者信息可通过元素提供,但是不适用于嵌套的元素;元素的发布日期和时间可通过
[注意]对于和
aside元素 元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。一般用于表示不直接相关内容的侧边栏,里面的内容与它所关联的内容相互独立,谁缺了谁都不影响各自文本含义的理解。如一篇文章的广告、相关背景和引述内容等nav元素 HTML导航栏(
并不是所有的链接都必须使用
一个网页也可能含有多个
header元素
[注意]由于
footer元素
[注意]
案例说明:说明:main
所以,一个正常的最外层布局应该是下面这样但现在,一般地,布局如下关于html有哪些常用的结构元素就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。云技术公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州云技术计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529
本文小编为大家详细介绍“react图片引入不显示如何解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“react图片引入不显示如何解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 react图片引入不显示的解决办法:1、通过“”…