这篇文章主要讲解了“html5元素分为哪些类别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5元素分为哪些类别”吧!
创新互联公司是一家以网络技术公司,为中小企业提供网站维护、成都网站设计、成都网站制作、网站备案、服务器租用、域名申请、软件开发、成都小程序开发等企业互联网相关业务,是一家有着丰富的互联网运营推广经验的科技公司,有着多年的网站建站经验,致力于帮助中小企业在互联网让打出自已的品牌和口碑,让企业在互联网上打开一个面向全国乃至全球的业务窗口:建站欢迎来电:13518219792
html5元素可以分为两个类别:1、“块级元素”;该种元素会独占一行,总是在新行上开始,元素的宽度、高度以及外边距和内边距等都可以控制。2、“内联元素”;该种元素和其他元素会在同一行上显示,元素的宽度、高度以及外边距和内边距都不可以改变。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
HTML 标签(元素)可以分为两个类别,分别是块级元素和内联元素(也叫行内元素)。
块级元素
块级元素最主要的特点是它们自己独占一行,块级元素中最具代表性的就是
、
块级元素一般都具有特定的语义,可以使代码的可读性更强。
块级元素的主要特征如下所示:
不管是否使用换行标签
,块级元素总是在新行上开始;
块级元素的宽度、高度以及外边距和内边距等都可以控制;
如果省略块级元素的宽度,那么它的宽度默认为当前浏览器窗口的宽度;
块级元素中可以包含其它的内联元素和块级元素。
内联元素
内联元素也可以称为行内元素,行内元素中最常用的是,此外还有、、、、、、、、、、、、、和等。
内联元素往往带有某种特殊的显示效果,可以代替部分 CSS 样式,非常实用,例如:
和标签可以修饰字体;
和两个标签分别用来定义下标文本和上标文本。
行内元素的主要特征如下所示:
行内元素和其他元素会在同一行上显示;
行内元素的宽、高以及外边距和内边距都不可以改变;
行内元素的宽度就是其中内容的宽度,且不可以改变;
内联元素中只能容纳文本或者其他内联元素。
对于行内元素的使用,需要注意如下几点:
设置宽度 width 无效;
设置高度 height 无效,但可以通过 line-height 来设置行高;
可以设置 margin 外边距,但只对左右外边距有效,上下无效;
设置 padding 内边距时,只有左右 padding 有效,上下则无效,需要注意的是元素范围是增大了,但是对元素周围的内容是没影响的;
可以通过 display 属性将元素在行内元素和块级元素之间进行切换。
扩展知识:重点说明两个标签
1) 2) 标签 HTML 中的标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。 下面通过一个示例来演示标签的使用: 结果展示: 标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。 说明:那些不被推荐的 HTML 内联标签,比如 、、 等,建议使用 + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 、、 感谢各位的阅读,以上就是“html5元素分为哪些类别”的内容了,经过本文的学习后,相信大家对html5元素分为哪些类别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
、、、
等,还是应该坚持使用,这些标签比 更加具有语义,更有助于搜索引擎理解页面内容。
本文名称:html5元素分为哪些类别
文章源于:http://cdxtjz.com/article/peoojs.html