本文主要是介绍《Web开发中块级元素与行内元素的区分》,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、块级元素的特性:
占据一整行,总是重起一行并且后面的元素也必须另起一行显示。
HTML中块级元素列举如下:
address(联系方式信息)article(文章内容)aside(伴随内容)audio(音频播放)blockquote(块引用)canvas(绘制图形),dd(定义列表中定义条目描述)div(文档分区)dl(定义列表)fieldset(表单元素分组)figcaption(图文信息组标题)figure(图文信息组)footer(区段尾或页尾)form(表单)h1-h6(标题)header(区段头或页头)hgroup(标题组)hr(水平分割线)noscript(不支持脚本或禁用脚本时显示的内容)ol(有序列表)output(表单输出)p(段落)pre(预格式化文本)section(一个页面区段)table(表格)tfoot(表脚注)ul(无序列表)vidio(视频)
二、内联元素特性:
和其他内联元素显示在同一行。
一般块级元素可以包含其他块级元素和内联元素。 这种结构上的区别使块级元素比内联元素更适合一些“大型”的结构。
内联元素列举如下:
b(粗体)big(大号字体)i(倾斜)small(小号字体)tt(等宽)abbr(缩写)cite(引用)code(计算机代码文本)dfn(定义项目)em(强调)kbd(键盘文本)strong(语气强调)samp(样本文本)var(定义变量)a(链接)bdo(元素可覆盖默认的文本方向)br(换行)img(图像)map(图像映射)object(对象)q(引用)script(定义客户端脚本)span(组合行内元素)sub(下标)sup(上标)
button(按钮)input(输入)label(标注)select(表单控件)textarea(文本域)
这篇关于《Web开发中块级元素与行内元素的区分》的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!