html5元素分为哪些类别


这篇文章主要讲解了“html5元素分为哪些类别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html5元素分为哪些类别”吧! html5元素可以分为两个类别:1、“块级元素”;该种元素会独占一行,总是在新行上开始,元素的宽度、高度以及外边距和内边距等都可以控制。2、“内联元素”;该种元素和其他元素会在同一行上显示,元素的宽度、高度以及外边距和内边距都不可以改变。本教程操作环境:windows7系统、HTML5版、Dell G3电脑。HTML 标签(元素)可以分为两个类别,分别是块级元素和内联元素(也叫行内元素)。块级元素块级元素最主要的特点是它们自己独占一行,块级元素中最具代表性的就是、

块级元素一般都具有特定的语义,可以使代码的可读性更强。块级元素的主要特征如下所示:不管是否使用换行标签
,块级元素总是在新行上开始;块级元素的宽度、高度以及外边距和内边距等都可以控制;如果省略块级元素的宽度,那么它的宽度默认为当前浏览器窗口的宽度;块级元素中可以包含其它的内联元素和块级元素。内联元素内联元素也可以称为行内元素,行内元素中最常用的是,此外还有

  • 等。
  • 内联元素往往带有某种特殊的显示效果,可以代替部分 CSS 样式,非常实用,例如:标签可以修饰字体;两个标签分别用来定义下标文本和上标文本。行内元素的主要特征如下所示:行内元素和其他元素会在同一行上显示;行内元素的宽、高以及外边距和内边距都不可以改变;行内元素的宽度就是其中内容的宽度,且不可以改变;内联元素中只能容纳文本或者其他内联元素。对于行内元素的使用,需要注意如下几点:设置宽度 width 无效;设置高度 height 无效,但可以通过 line-height 来设置行高;可以设置 margin 外边距,但只对左右外边距有效,上下无效;设置 padding 内边距时,只有左右 padding 有效,上下则无效,需要注意的是元素范围是增大了,但是对元素周围的内容是没影响的;可以通过 display 属性将元素在行内元素和块级元素之间进行切换。扩展知识:重点说明两个标签1)

    标签

    是非常重要的块级标记,在网页布局(Layout)方面发挥着重要的作用,使用

    我们可以定义页面的各个部分,通过与 CSS 相结合可以实现各种各样的效果,下面通过一个示例演示

    标签的使用。

    html>
    
    
    
    <div>标签演示
    
    大前端教程
    • HTML视频教程
    • CSS视频教程
    • javascript视频教程
    • vuejs视频教程

    标签及其包围的内容可以看做网页的一个板块,

    标签本身并没有什么特殊的显示效果,需要借助 CSS 样式对外边距、内边距、背景、边框等进行设置,从而达到对板块布局的目的。

    2) 标签

    HTML 中的标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。

    下面通过一个示例来演示标签的使用:

    html>
    
    
    
    
    Document
    
    
    我的物车

    结果展示:

    标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。

    说明:那些不被推荐的 HTML 内联标签,比如 等,建议使用 + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 等,还是应该坚持使用,这些标签比 更加具有语义,更有助于搜索引擎理解页面内容。

    感谢各位的阅读,以上就是“html5元素分为哪些类别”的内容了,经过本文的学习后,相信大家对html5元素分为哪些类别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!

    推荐阅读:
    1. HTML5 元素分类
    2. icmp的常见类别

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

    html5

    • 上一篇新闻:

      CSS3中2D模拟实现摩天轮旋转效果的方法
    • 下一篇新闻:

      怎么使用css实现3D图像轮转效果

    猜你喜欢

    • sass和bootstrap有什么区别
    • HTML5怎样实现图片无限加载瀑布流效果
    • Shell逐行处理文本求和的示例分析
    • 这么在Spring Cloud中使用Sleuth
    • JavaScript运算符的示例分析
    • Java中原型模式的示例分析
    • JavaScript中回调、Promise和Async/Await的示例分析
    • 2021最新TIOBE编程语言排行榜
    • Spring中如何进行日常Bug排查
    • Javascript中运算符的示例分析

    最新资讯
    • PHP路由分发的搭建步骤和实现原理是什么
    • PHP如何实现自动删除无用图片的程序
    • php如何实现数字自动补零
    • PHP中怎么处理多对多关联删除问题
    • 如何使用PHP实现上传APK文件
    • 在PHP中怎么将网页内容转换成PDF文件
    • Vue之Pinia状态管理的方法是什么
    • 怎么自定义View视图的属性及引用
    • 怎么使用Java校验SQL语句的合法性
    • Springboot怎么通过配置WebMvcConfig处理Cors非同源访问跨域问题
    相关推荐
    • 华为设备板卡类别
    • HTML元素一般被分为哪两类
    • css中属性分为哪些类别
    • Hibernate日志类别有哪些
    • html5标记分为多少类
    • 怎么使用HTML5视频元素
    • 如何使用HTML5音频元素
    • 怎么使用HTML5图片元素
    • html5中的列表分为哪些类型
    • html5标记分为哪几类

    相关标签

    html5+css3
    html5游戏
    html5 video
    html5标准
    html5+css
    html5 canvas
    html5plus
    html5图片压缩上传
    html5压缩上传
    html5的学习笔记
    html5基础
    html5开发
    html5跨平台
    html5 css3
    cocos2d-html5
    html5标签
    html5新特性
    html5特性
    文本字符串
    if嵌套

    主题地图

    • erp是什么意思
    • 批处理命令
    • asp是什么
    • 大连做网站
    • 想做一个网站
    • dns域名解析
    • 路由器dhcp怎么设置
    • 常用正则表达式
    • linux开放端口
    • mysql重启
    • vue动画
    • ip地址更换软件
    • nginx转发
    • ip查询命令
    • 怎么查看打印机ip地址
    • 路由器如何设置dhcp
    • python输出
    • ca数字证书是什么东西
    • js判断字符串是否为空
    • ajax实例
    • html网页模板
    • 虚拟化技术
    • 大数据解决
    • dns服务
    • 云电脑怎么用
    • nginx教程
    • ip地址转换
    • deepin安装

    2) 标签HTML 中的标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。下面通过一个示例来演示标签的使用:结果展示: 标签本身并没有什么特殊效果,通常需要借助 CSS 来改变内容的样式,比如字体、颜色、大小、边框、背景等。说明:那些不被推荐的 HTML 内联标签,比如 等,建议使用 + CSS 样式来代替;但是那么具有明确语义的内联标签,比如 等,还是应该坚持使用,这些标签比 更加具有语义,更有助于搜索引擎理解页面内容。感谢各位的阅读,以上就是“html5元素分为哪些类别”的内容了,经过本文的学习后,相信大家对html5元素分为哪些类别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。百云主机公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州百云主机计算有限公司粤ICP备17096448号-1
    粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529

    相关推荐: 怎么用CGI脚本输出CGI的环境变量

    这篇文章主要介绍“怎么用CGI脚本输出CGI的环境变量”,在日常操作中,相信很多人在怎么用CGI脚本输出CGI的环境变量问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用CGI脚本输出CGI的环境变量”的疑惑有所帮助!接下来,…

    免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

    (0)
    打赏 微信扫一扫 微信扫一扫
    上一篇 04/25 10:34
    下一篇 04/25 10:35

    相关推荐