当前位置: 网站建设 > 网页设计 > 建站经验 >

浅谈行内元素和块状元素

时间:2013-03-02 04:07来源:未知 作者:admin 点击:

标签:浅谈行内元素和块状元素 块(1)素和(3)块状(2)元素(40)行内(1)浅谈(48)网站建设(1202)
--> [网站建设之]浅谈行内元素和块状元素 块级元素的分类 块级元素依照其运用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。 一, 浅谈网站运营的四点黄金法则 .结构化块状元素 这类元素用于结构文档的结构,一个好的文档构造对搜寻引擎跟利用其余技巧(如JavaScript)都是非常有利的。它们不语义上的含意,仅仅划分出了文档的组织方法,并没有体现文档的内容。 重要的结构化块状元素 支持结构化的元素 二.终端块状元素 这类元素用于从结构转向内容,它们领有语义上的含义,可能表明内容的性
浅谈行内元素和块状元素》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302343X2013.htm
--> [网站建设之]浅谈行内元素和块状元素

  块级元素的分类
  
  块级元素依照其运用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。
  
  一,浅谈网站运营的四点黄金法则.结构化块状元素
  
  这类元素用于结构文档的结构,一个好的文档构造对搜寻引擎跟利用其余技巧(如JavaScript)都是非常有利的。它们不语义上的含意,仅仅划分出了文档的组织方法,并没有体现文档的内容。
  
  重要的结构化块状元素
  
  支持结构化的元素
  
  二.终端块状元素
  
  这类元素用于从结构转向内容,它们领有语义上的含义,可能表明内容的性质。终端块状元素属于结构的终点,它们不能再包含其他块级元素,只能包含文本或行级元素。
  
  终端块状元素
  
  三.多目标块状元素
  
  所谓多目标指的是能够自在的扩大或嵌套文档的结构,浅谈网站赚钱方式之―PPC,以可以终端的形式呈现。当多目的块状元素以结构化的方式使用时就含有结构化的内涵,以终真个情势应用就含有语义的内涵。
  
  多目标块状元素既可以包含块状元素,也可以包括内容(文本与行级元素的组合为内容),但不能同时包含两者。应该把内容放在块状元素中。块状元素不应作为行级元素与文本的兄弟元素,浅谈网站评论体系设计的不足之处,受HTML校验器的限制,目前还没措施测验出此种情况,但是应该防止。
  
  多目标块状元素
  
  在念叨CSS布局时,我们需要提前知道一些货色。对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素):
  
  元素的特点:
  
  老是另起一行开始;
  
  高度,浅谈网站编辑、推广经验分享,行高以及顶、底边距都可把持;
  
  宽度缺省是它所在容器的100%,除非设定一个宽度。
  
  元素的特色:
  
  和其它元素都在一行上;
  
  高度,行高以及顶、底边距不可改变;
  
  宽度就是它所容纳的文字或图片的宽度,不可改变。
  
  下面对它们的性质及应用做进一步解释:
  
  ◎块元素(block element) 通常作为其它元素的容器,它可以容纳内联元素和其它块元素。
  
  我们晓得默认情形下,块元素会次序以每次另起一行的方式往下排,而通过CSS掌握其款式,咱们可以转变这种默认布局模式,把块元素摆放到你想要的地位上 去。需要指出的是,table标签也是块元素的一种,基于table表格和基于CSS+DIV的布局,在使用者看来除了页面载入速度的差别(table在 所有内容元素加载实现后才显示),没有其它的差异。然而从页面的源代码来看,这种差别就十分大了。基于良好结构理念设计的CSS布局源码,至少能让没有 web开发教训的用户很轻易找到持续的页面内容。从这个角度来说,CSS layout code应当有更好的美学休会。
  
  我们可以把模块化的DIV设想成一个个box,而后把它们按本人的志愿排列组成完全的内容,网页布局设计就是遵循了同样的模式。
  
  块元素(block element) HTML标签分类明细
  
  地址
  
  块引用
  
  举中对齐块
  
  目录列表
  
  常用块级容易,也是css layout的主要标签
  
  定义列表
  
  节制组
  
  交互表单 (只能用来容纳其它块元素)
  
  大标题
  
  副标题
  
  级标题
  
  级标题
  
  级题目
  
  级标题
  
  程度分隔线
  
  菜单列表
  
  可选内容,(对于不支持frame的浏览器显示此区块内容
  
  可选脚本内容(对于不支撑script的阅读器显示此内容)
  
  排序表单
  
  段落
  
  格局化文本
  
  表格
  
  非排序列表
  
  ◎内联元素(inline element) 个别都是基于语义级(semantic)的根本元素,只能包容文本或者其它内联元素。
  
  为了比拟明白的表示出 block 与 inline 的差别,我们可以应用它们各自的代表元素div和span的演示进行阐明:
  
  另起一行,它的外形不受内部文字的影响
  
  所有元素在一行,span恰好容纳文字
  
  内联元素(inline element) HTML标签分类明细
  
  锚点
  
  缩写
  
  首字
  
  粗体(不推举
  
  大字体
  
  换行
  
  引用
  
  盘算机代码(在援用源码的时候须要
  
  定义字段
  
  强调
  
  字体设定(不推荐
  
  斜体
  
  图片
  
  输入框
  
  定义键盘文本
  
  表格标签
  
  短引用
  
  中划线(不推荐
  
  定义典范计算机代码
  
  名目抉择
  
  小字体文本
  
  常用内联容器,定义文本内区块
  
  中划线
  
  粗体强调
  
  下标
  
  上标
  
  多行文本输入框
  
  电传文本
  
  下划线
  
  定义变量
  
  ◎可变元素 是基于以上两者随环境而变更的,它的基础概念就是依据高低文关联断定该元素是块元素仍是内联元素。一旦肯定了它的种别,它就遵守块元素或者内联元素的规矩限度。
  
  可变元素  HTML标签分类明细
  
  按钮
  
  删除文本
  
  插入的文本
  
  图片区块
  
  对象
  
  客户端脚本
  
  但是通过CSS,我们可以解脱上面表格里HTML标签归类的制约,自由地在不同标签/元素上 应用我们需要的属性。例如,我们可以对块元素[ ul ]标签加上 display:inline 属性,让底本垂直的列表水平显示,这在我们设置Blog导航条时得到了普遍应用;我们也完整可以把内联元素[ cite ]加上 display:block 这样的属性,让它也有每次都从新行开端的属性。 Tag:元素    ,浅谈网站的访问量与应得收益之间的关系;
(责任编辑:网站建设)
浅谈行内元素和块状元素相关文章
上一篇:浅谈网站运营的四点黄金法则 下一篇:浅谈设计之根源,如何吸引客户的眼球
回到顶部