博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于标签分类
阅读量:5157 次
发布时间:2019-06-13

本文共 958 字,大约阅读时间需要 3 分钟。

学习了前端才知道,原来我们使用的标签也是有分类的呢。具体是分为块/内嵌/内嵌块,下面我们来看看块/内嵌/内嵌块的标签都有些什么各自的特点。

首先是块标签

  块:

              1. 独占一行显示

              2. 支持所有的样式

              3. 不设置宽度,宽度撑满父级的空间

 

其次是内嵌标签

  内嵌:

              1. 可以在一行显示

              2. 不支持宽高,上下的margin,上下padding支持的也有问题

              3. 代码换行会解析出一个空格(字体和字体大小,可以控制空格大小)

              4. 宽度由内容撑开

还有我们的内嵌块标签呢,内嵌块标签是集合了块标签的支持宽高等样式,不设置宽高由内容撑开,也支持内嵌的独占一行特点,代码换行会解析一个空格。个人觉得使用内嵌块来布局页面,其实是挺方便的额。只是内嵌块的元素在一行显示,两个元素之间是会有一些间隙,这些间隙需要在使用时解决一下的。

  内嵌块:

              1. 可以在一行显示

              2. 支持宽高

              3. 代码换行会解析出一个空格

              4. 不设置宽度的时候,宽度由内容撑开

 当然,这三种类型的元素并不是只能用作被初始定义的类型,我们还可以通过 display 这一样式来根据自我的要求来转换的呢。

常用的块标签: div、h1-h6、header、nav、section、article、aside、footer、dl、dt、dd、ol、ul、li、p、form

常用的内嵌标签:a、span、strong、mark、time、em、label

常用的内嵌块标签: img、input、buttom、textarea、select

 

标签嵌套规范:

    1. a标签中 不能包含a标签

       2. 内嵌标签中不能包含块标签

       3. 部分块标签中 也不能再包含块标签: p, h1-h6, dt

       4. 注意以下几种嵌套是固定的:

              ul li

                     ul下只能包含li,li的父级也只能是ol或ul,当然li中可以随意放置

              ol li

                     ol下只能包含li,li的父级也只能是ol或ul,当然li中可以随意放置

              dl dt dd

                     dl下只能包含dt和dd,dt,dd的父级也只能是 dl,当然dd中可以随意放置

       5. 一般建议,块和块并列,内嵌和内嵌并列

转载于:https://www.cnblogs.com/flynn-fed/p/6686582.html

你可能感兴趣的文章
创建自己的Convers. Routine.
查看>>
如何解压缩.7z 001,.7z002....
查看>>
创建一个广播机制!
查看>>
HDFS使用流的方式上传下载
查看>>
iOS高级-QuartzCore框架-背景平铺
查看>>
惊群24小时
查看>>
Linux SSH免密码登录
查看>>
kafka + storm 错误 Async loop died
查看>>
微信小程序 开发文档
查看>>
《玩转D语言系列》一、通过四个版本的 Hello Word 初识D语言
查看>>
破译实践
查看>>
星星评分
查看>>
validform 一行代码完成所有验证
查看>>
工作中上的一点思考
查看>>
bzoj 2440: [中山市选2011]完全平方数【莫比乌斯函数+二分】
查看>>
day17 appium环境搭建
查看>>
图的最短路径
查看>>
解决:org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):
查看>>
jquery笔记
查看>>
(转载)Manacher'sAlgorithm: O(n)时间求字符串的最长回文子串
查看>>