欢迎来到天天文库
浏览记录
ID:12179487
大小:27.00 KB
页数:5页
时间:2018-07-16
《html块状元素、内联元素》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、html块状元素、内联元素块级元素的分类块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。一.结构化块状元素这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的。它们没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。主要的结构化块状元素 *
2、 * *
*
* * *三.多目标块状元素所谓多目标指的是可以自由的扩展或嵌套文档的结构,以可以终端3、的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。多目标块状元素既可以包含块状元素,也可以包含内容(文本与行级元素的组合为内容),但不能同时包含两者。应该把内容放在块状元素中。块状元素不应作为行级元素与文本的兄弟元素,受HTML校验器的限制,目前还没办法检验出此种情况,但是应该避免。多目标块状元素 * * * * * *在谈论CSS布局时,我们需要提前知道一些东西。4、对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素):block元素的特点: *总是另起一行开始; *高度,行高以及顶、底边距都可控制; *宽度缺省是它所在容器的100%,除非设定一个宽度。inline元素的特点: *和其它元素都在一行上; *高度,行高以及顶、底边距不可改变; *宽度就是它所容纳的文字或图片的宽度,不可改变。下面对它们的性质及应用做进一步说明:◎块元素(blockelement)通常作为其它元素的容器,它5、可以容纳内联元素和其它块元素。我们知道默认情况下,块元素会顺序以每次另起一行的方式往下排,而通过CSS控制其样式,我们可以改变这种默认布局模式,把块元素摆放到你想要的位置上去。需要指出的是,table标签也是块元素的一种,基于table表格和基于CSS+DIV的布局,在使用者看来除了页面载入速度的差别(table在所有内容元素加载完成后才显示),没有其它的差别。但是从页面的源代码来看,这种差异就非常大了。基于良好结构理念设计的CSS布局源码,至少能让没有web开发经验的用户很容易找到连续的页面内容。从这个6、角度来说,CSSlayoutcode应该有更好的美学体验。我们可以把模块化的DIV想象成一个个box,然后把它们按自己的意愿排列组成完整的内容,网页布局设计就是遵循了同样的模式。块元素(blockelement)HTML标签分类明细 *address-地址 *blockquote-块引用 *center-举中对齐块 *dir-目录列表 *div-常用块级容易,也是csslayout的主要标签 *dl-定义列表 *fieldset-form控制组 *form-交互表单(只能用7、来容纳其它块元素) *h1-大标题 *h2-副标题 *h3-3级标题 *h4-4级标题 *h5-5级标题 *h6-6级标题 *hr-水平分隔线 *isindex-inputprompt *menu-菜单列表 *noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容 *noscript-可选脚本内容(对于不支持script的浏览器显示此内容) *ol-排序表单 *p-段落 *pre-格式化文本 *table-表格 8、*ul-非排序列表◎内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。为了比较明确的表现出block与inline的区别,我们可以利用它们各自的代表元素div和span的演示进行说明:XXXXXXXXXThis'saDIVlayoutXXXXXXXXXdiv另起一行,它的形状不受内部文字的影响XXXXXXXThis'saspanlayoutXXXXXXX所有元 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 5 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档 版权提示 下载文档 举报 温馨提示: 1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。 2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。 3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。 4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。 相关文章 更多 html教程之html元素 常见的块状元素与内联元素 html块状元素、内联元素 html元素参考手册 html元素与属性列表 块状元素总结 块级元素和内联元素及可变元素汇总_1 块级元素和内联元素及可变元素汇总_2 块级元素和内联元素及可变元素汇总_5 块级元素和内联元素及可变元素汇总_3 相关标签 元素 内联 块状
3、的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。多目标块状元素既可以包含块状元素,也可以包含内容(文本与行级元素的组合为内容),但不能同时包含两者。应该把内容放在块状元素中。块状元素不应作为行级元素与文本的兄弟元素,受HTML校验器的限制,目前还没办法检验出此种情况,但是应该避免。多目标块状元素 *
4、对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素):block元素的特点: *总是另起一行开始; *高度,行高以及顶、底边距都可控制; *宽度缺省是它所在容器的100%,除非设定一个宽度。inline元素的特点: *和其它元素都在一行上; *高度,行高以及顶、底边距不可改变; *宽度就是它所容纳的文字或图片的宽度,不可改变。下面对它们的性质及应用做进一步说明:◎块元素(blockelement)通常作为其它元素的容器,它
5、可以容纳内联元素和其它块元素。我们知道默认情况下,块元素会顺序以每次另起一行的方式往下排,而通过CSS控制其样式,我们可以改变这种默认布局模式,把块元素摆放到你想要的位置上去。需要指出的是,table标签也是块元素的一种,基于table表格和基于CSS+DIV的布局,在使用者看来除了页面载入速度的差别(table在所有内容元素加载完成后才显示),没有其它的差别。但是从页面的源代码来看,这种差异就非常大了。基于良好结构理念设计的CSS布局源码,至少能让没有web开发经验的用户很容易找到连续的页面内容。从这个
6、角度来说,CSSlayoutcode应该有更好的美学体验。我们可以把模块化的DIV想象成一个个box,然后把它们按自己的意愿排列组成完整的内容,网页布局设计就是遵循了同样的模式。块元素(blockelement)HTML标签分类明细 *address-地址 *blockquote-块引用 *center-举中对齐块 *dir-目录列表 *div-常用块级容易,也是csslayout的主要标签 *dl-定义列表 *fieldset-form控制组 *form-交互表单(只能用
7、来容纳其它块元素) *h1-大标题 *h2-副标题 *h3-3级标题 *h4-4级标题 *h5-5级标题 *h6-6级标题 *hr-水平分隔线 *isindex-inputprompt *menu-菜单列表 *noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容 *noscript-可选脚本内容(对于不支持script的浏览器显示此内容) *ol-排序表单 *p-段落 *pre-格式化文本 *table-表格
8、*ul-非排序列表◎内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。为了比较明确的表现出block与inline的区别,我们可以利用它们各自的代表元素div和span的演示进行说明:XXXXXXXXXThis'saDIVlayoutXXXXXXXXXdiv另起一行,它的形状不受内部文字的影响XXXXXXXThis'saspanlayoutXXXXXXX所有元
此文档下载收益归作者所有