摘要:在HTML4.0时代,HTML的元素类型分内联元素(inline element)和块元素(block-level element)。希望阅读本篇文章以后大家有所收获,帮助大家对HTML+CSS的理解更加深入。
在HTML4.0时代,HTML的元素类型分内联元素(inline element)和块元素(block-level element)。
第一、内联元素
内联元素是是一种基于语义级的基本元素,一般只能容纳文本和其他内联元素。
下面的元素都是内联元素:
b(字体加粗) kbd(代表文字从键盘录入) q(引用文字) big(字号比周围字体大一号) strong(重要文字,在盲文阅读设备中,会重点读,界面显示效果为加粗) script(脚本)i(文字斜体)samp(极少用,连字符)span(用于组合其他内联元素)small(比周围字体小一号)time(html5中的新标签,用于标记时间,目前浏览器都不支持)sub(定义下标文本,显示为其他文字高度一半)tt(告诉浏览器,字体必须等宽)var(告诉浏览器,这是变量)sup(定义上标文本)abbr(代表是长单词或短语的缩写)a(超链接)button(按钮)acronym(缩写,HTML5中已弃用,请使用abbr替代)bdo(可定义文本方向)input(基本输入框)cite(定义引用的文档)br(换行符)label(文本标签,但是有个牛逼的特性,利用for属性,可以绑定其他元素,使得鼠标点击该标签时,被绑定元素获得焦点)code(定义源码文本)img(图片文本)select(下拉选择组件)dfn(definition and usage,定义一个概念的定义处,一般的在一个文档中最先出现的地方)map(定义一个客户端的图形映射)textarea(文本输入框)em(定义需要强调的文字,一般用斜体表示)object(定义一个嵌入的对象)
第二 块元素
块元素一般是其他元素的容器元素,用于布局,需要放在body标签里面。
下面都是块元素:
address(定义了文章拥有者的联系信息)figure(定义独立的流内容,例如图片、视频)noscript(定义如果浏览器不支持脚本语言时显示的内容)article(定义文章内容)footer(定义文档底部)ol(ordered list)aside(aside content,可用做侧栏)form(input form)output(定义form的输出)blockquote(定义引用于别处的内容)h1,h2,h3,h4,h5,h6(标题)p(段落)canvas(画布)header(页眉)pre(preformatted text,定义预格式化内容)dd(definition description)hgroup(对标题进行组合)section(定义页眉的区域)div(文档分割)hr(定义分割线)table(表格)dl(definistion list)li(list item)tfoot(table footer)fieldset(field set label)main(contains the central content to this document)ul(unordered list)figcaption(figure caption)nav(contains navigation links)video(video player)
第三 内联与块元素的区别
· 默认,块元素会新起一行,而内联元素会在行内
· 通常,块元素的内部结构要比内联元素复杂,块元素内部可能包含内联元素和其他块元素。
本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号