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

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图像轮转效果

    猜你喜欢

    • javascript数组去重如何实现
    • javascript如何将小数转换为整数
    • javascript关键字是不是var
    • javascript怎么实现下载
    • JavaScript可以能做些什么
    • 使用Node.js怎么获取WI-FI密码
    • Angular中依赖注入的概念分析
    • vuejs指的是什么意思
    • HTML5实现了什么游戏
    • vuejs和bulma的区别有哪些

    最新资讯
    • Java中局部变量和成员变量有什么区别
    • 如何通过Javascript脚本获取form和input内容
    • String和List间的相互转换
    • 解决UnsupportedOperationException异常问题的方法
    • springboot获取项目目录路径的方法
    • C语言如何解决QString与QByteArray互相转换的问题
    • TypeScript接口和类型有哪些区别
    • JavaScript怎么快速关闭
    • 怎么使用JAVAscript实现Excel
    • java后台调用接口及处理跨域问题的方法是什么
    免费云主机、域名关推荐
    • 华为设备板卡类别
    • 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特性
    好学
    AIS

    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

    相关推荐: swf能不能转为html5

    本篇内容主要讲解“swf能不能转为html5”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“swf能不能转为html5”吧! swf能转为html5,可以利用Fanvas将swf转为html5;Fanvas是一个把s…

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

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

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

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

    登录

    找回密码

    注册