分享更有价值
被信任是一种快乐

html有哪些常用的结构元素

文章页正文上

今天小编给大家分享的是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元素(

)表示文档中的一个区域(或节),是区块级通用元素。比如,内容中的一个专题组,一般来说会有包含一个标题(head免费云主机、域名ing)。一般通过是否包含一个标题(

element)作为子节点,来辨识每一个


  [注意]如果元素内容可以分为几个部分的话,应该使用而不是

;再有,不要把

元素作为一个普通的容器来使用,这是本应该是

的用法。 一般来说,一个

应该出现在文档大纲中

article元素

  元素表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。当元素嵌套使用时,则该元素代表与外层元素有关的文章。例如,代表博客评论的元素可嵌套在代表博客文章的元素中

  元素的作者信息可通过元素提供,但是不适用于嵌套的元素;元素的发布日期和时间可通过

  [注意]对于和

来说,是必须要加上标题的

aside元素

  元素表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。一般用于表示不直接相关内容的侧边栏,里面的内容与它所关联的内容相互独立,谁缺了谁都不影响各自文本含义的理解。如一篇文章的广告、相关背景和引述内容等

nav元素

  HTML导航栏(

  并不是所有的链接都必须使用

  一个网页也可能含有多个

header元素

  

元素表示页面头部或区块头部,用于将介绍内容和区块的辅助导航分组到一起,所以它有可能包含区块的标题元素以及其他的介绍内容(目录、logo等)

   [注意]由于

元素不是分节内容,所以不会引入新的分节到大纲中

footer元素

  

元素表示最近一个章节内容或者根节点(sectioning root)元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息

  [注意]

元素内的作者信息应包含在元素中

案例说明:

html>



苹果首页
展示1
展示2
展示3
展示4
  • Watch
  • Pencil
  • iPad
  • MacBook
其他杂项

说明:main

不常用,最主要的原因是IE浏览器都不支持

main元素(

)呈现了文档或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容

标签不能是以下元素的继承,包括、、

、或

所以,一个正常的最外层布局应该是下面这样

但现在,一般地,布局如下

关于html有哪些常用的结构元素就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。

推荐阅读:
  1. html的常用标签元素是什么
  2. HTML中各种结构元素的简介

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

  • 上一篇新闻:

    windows 0x000006d9无法共享打印机怎么解决
  • 下一篇新闻:

    html中的from标签的作用介绍

猜你喜欢

  • 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元素  

元素表示页面头部或区块头部,用于将介绍内容和区块的辅助导航分组到一起,所以它有可能包含区块的标题元素以及其他的介绍内容(目录、logo等)

   [注意]由于

元素不是分节内容,所以不会引入新的分节到大纲中

footer元素  

元素表示最近一个章节内容或者根节点(sectioning root)元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息

  [注意]

元素内的作者信息应包含在元素中

案例说明:说明:main

不常用,最主要的原因是IE浏览器都不支持
main元素(
)呈现了文档或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容
标签不能是以下元素的继承,包括、、

、或

所以,一个正常的最外层布局应该是下面这样但现在,一般地,布局如下关于html有哪些常用的结构元素就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。云技术公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州云技术计算有限公司粤ICP备17096448号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529

相关推荐: react图片引入不显示如何解决

本文小编为大家详细介绍“react图片引入不显示如何解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“react图片引入不显示如何解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 react图片引入不显示的解决办法:1、通过“”…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册