欢迎来到天天文库
浏览记录
ID:11332687
大小:27.00 KB
页数:5页
时间:2018-07-11
《html块状元素、内联元素》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
html块状元素、内联元素块级元素的分类块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。一.结构化块状元素这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的。它们没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。主要的结构化块状元素 *
*
* * *三.多目标块状元素所谓多目标指的是可以自由的扩展或嵌套文档的结构,以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。多目标块状元素既可以包含块状元素,也可以包含内容(文本与行级元素的组合为内容),但不能同时包含两者。应该把内容放在块状元素中。块状元素不应作为行级元素与文本的兄弟元素,受HTML校验器的限制,目前还没办法检验出此种情况,但是应该避免。多目标块状元素 * * * * * *在谈论CSS布局时,我们需要提前知道一些东西。对于html各种标签/元素,可以从块的层面做一个分类:要么是block(块元素),要么是inline(内联元素):block元素的特点: *总是另起一行开始; *高度,行高以及顶、底边距都可控制; *宽度缺省是它所在容器的100%,除非设定一个宽度。inline元素的特点: *和其它元素都在一行上; *高度,行高以及顶、底边距不可改变; *宽度就是它所容纳的文字或图片的宽度,不可改变。下面对它们的性质及应用做进一步说明:◎块元素(blockelement)通常作为其它元素的容器,它可以容纳内联元素和其它块元素。我们知道默认情况下,块元素会顺序以每次另起一行的方式往下排,而通过CSS控制其样式,我们可以改变这种默认布局模式,把块元素摆放到你想要的位置上去。需要指出的是,table标签也是块元素的一种,基于table表格和基于CSS+DIV的布局,在使用者看来除了页面载入速度的差别(table在所有内容元素加载完成后才显示),没有其它的差别。但是从页面的源代码来看,这种差异就非常大了。基于良好结构理念设计的CSS布局源码,至少能让没有 web开发经验的用户很容易找到连续的页面内容。从这个角度来说,CSSlayoutcode应该有更好的美学体验。我们可以把模块化的DIV想象成一个个box,然后把它们按自己的意愿排列组成完整的内容,网页布局设计就是遵循了同样的模式。块元素(blockelement)HTML标签分类明细 *address-地址 *blockquote-块引用 *center-举中对齐块 *dir-目录列表 *div-常用块级容易,也是csslayout的主要标签 *dl-定义列表 *fieldset-form控制组 *form-交互表单(只能用来容纳其它块元素) *h1-大标题 *h2-副标题 *h3-3级标题 *h4-4级标题 *h5-5级标题 *h6-6级标题 *hr-水平分隔线 *isindex-inputprompt *menu-菜单列表 *noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容 *noscript-可选脚本内容(对于不支持script的浏览器显示此内容) *ol-排序表单 *p-段落 *pre-格式化文本 *table-表格 *ul-非排序列表◎内联元素(inlineelement)一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。为了比较明确的表现出block与inline 的区别,我们可以利用它们各自的代表元素div和span的演示进行说明:XXXXXXXXXThis'saDIVlayoutXXXXXXXXXdiv另起一行,它的形状不受内部文字的影响XXXXXXXThis'saspanlayoutXXXXXXX所有元素在一行,span刚好包容文字内联元素(inlineelement)HTML标签分类明细 *a-锚点 *abbr-缩写 *acronym-首字 *b-粗体(不推荐) *bdo-bidioverride *big-大字体 *br-换行 *cite-引用 *code-计算机代码(在引用源码的时候需要) *dfn-定义字段 *em-强调 *font-字体设定(不推荐) *i-斜体 *img-图片 *input-输入框 *kbd-定义键盘文本 *label-表格标签 *q-短引用 *s-中划线(不推荐) *samp-定义范例计算机代码 *select-项目选择 *small-小字体文本 *span-常用内联容器,定义文本内区块 *strike-中划线 *strong-粗体强调 *sub-下标 *sup-上标 *textarea-多行文本输入框 *tt-电传文本 *u-下划线 *var-定义变量◎可变元素是基于以上两者随环境而变化的,它的基本概念就是根据上下文关系确定该元素是块元素还是内联元素。一旦确定了它的类别,它就遵循块元素或者内联元素的规则限制。可变元素 HTML标签分类明细 *applet-javaapplet *button-按钮 *del-删除文本 *iframe-inlineframe *ins-插入的文本 *map-图片区块(map) *object-object对象 *script-客户端脚本但是通过CSS,我们可以摆脱上面表格里HTML标签归类的限制,自由地在不同标签/元素上应用我们需要的属性。例如,我们可以对块元素[ul]标签加上display:inline属性,让原本垂直的列表水平显示,这在我们设置Blog导航条时得到了广泛应用;我们也完全可以把内联元素[cite]加上display:block这样的属性,让它也有每次都从新行开始的属性。 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 5 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档 版权提示 下载文档 举报 温馨提示: 1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。 2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。 3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。 4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。 最近更新 更多 医院实践心得体会 基于电子病历的医疗诊断辅助系统的设计与实现 优秀范文:党员保先心得体会范文一 业务科长述职报告 2019年大学年总结范文(四篇) 张家口地区200对不孕不育夫妇病例及相关因素分析 做合格党员的认识和体会 传染病学资料:传染病的预防和控制 襄城县疾病预防控制中心采供提升疾控机构能力建设仪器项目 杨生民主任医师治疗膝骨性关节病学术思想及临床经验研究 大家都在看 近期热门 英国胃肠病学会(BSG):慢性腹泻常见病因、少见病因 山东中医药大学温病学考试重点 西藏不同海拔高度世居藏族和移居人群高原适应不全的流行病学调查与分子机制研究 2021年吉林延边龙井市委办招考聘用员额管理人员公告冲刺题(带答案).docx 关于我是一名幼儿教师演讲稿 留守儿童调查报告_1 心瓣膜病—本科 先天性巨结肠疾病相关基因PTPRR维持肠神经前体细胞多能性的作用及机制 新职业病防治法讲稿 神经病学必考大题与名词解释 优秀心得体会范文:机关干部思想作风建设心得体会 优秀实习生证券公司实习报告范文 信用社主任年终述职报告怎么写 职业病危害防治责任制 苹果霉心病在线检测分选试验平台设计与实现 犬猫疾病学:3犬猫细菌性传染病 关于工会组织参与.管理的专题调研报告 2021年市场监管年度工作述职报告文本5篇 大学生对甲型H1N1流感的态度调查报告 幼儿园招生话术 相关文章 更多 html教程之html元素 常见的块状元素与内联元素 html块状元素、内联元素 html元素参考手册 html元素与属性列表 块状元素总结 块级元素和内联元素及可变元素汇总_1 块级元素和内联元素及可变元素汇总_2 块级元素和内联元素及可变元素汇总_5 块级元素和内联元素及可变元素汇总_3 相关标签 元素 内联 块状 暂无标题 × 举报 × 举报原因 请选择举报原因 涉及党政历史 歪曲党史、新中国史、改革开放史、社会主义发展史 文档内容质量低下无意义 内容中含有违法信息如(涉恐,色情,低俗等) 联系方式 详细说明 提交 内容无法转码请点击此处 文档下载 × html块状元素、内联元素 我的金币余额:0.00 下载文档需要支付金币20 确定支付并下载 请先输入手机号 × 确定 关闭
此文档下载收益归作者所有
举报原因
联系方式
详细说明
内容无法转码请点击此处