当前位置: 首页 > Web前端 > HTML

【前端】HTML__内联元素和块级元素

时间:2023-04-02 12:56:11 HTML

在HTML4.0时代,HTML元素类型分为内联元素和块级元素。一、内联元素内联元素是基于语义层次的基本元素,一般只能容纳文本等内联元素。下面的元素都是行内元素:b(粗体)kbd(代表键盘输入的文字)q(引号文字)big(字号比周围字体大一号)strong(重要文字,在盲文阅读器中,willFocusonreading,界面显示效果为粗体)script(脚本)i(文字斜体)samp(很少使用,连字符)span(用于组合其他行内元素)small(比周围字体小一号)time(html5中的新标签,用于标记时间,目前浏览器不支持)sub(定义下标文本,显示为其他文本高度的一半)tt(告诉浏览器字体必须等宽)var(告诉浏览器这是变量)sup(定义上标文本)abbr(表示一个长单词或词组的缩写)a(hyperlink)button(按钮)首字母缩略词(abbreviation,deprecatedinHTML5,pleaseuseabbrinstead)bdo(可定义文字方向)input(基本输入框)cite(定义引用的文档)br(换行符)label(文字标签,不过有个强大的功能,使用for属性,可以绑定其他元素,这样当鼠标点击标签,是Binding元素获得焦点)code(定义源代码文本)img(图片文本)select(下拉选择组件)dfn(定义和用法,定义一个概念的定义,一般是第一个placeinadocument)map(定义一个客户端的图形映射)textarea(文本输入框)em(定义要强调的文本,一般用斜体表示)object(定义一个嵌入对象)第二个元素块元素一般是其他元素的容器元素,用于布局需要放在body标签里面。以下是块元素:address(定义文章所有者的联系方式)figure(定义独立的流媒体内容,例如图片和视频)noscript(定义浏览器不支持脚本语言时显示的内容)article(定义内容ofthearticle)footer(定义文档的底部)ol(有序列表)aside(放在内容旁边,可以作为侧边栏)form(输入表格)output(定义输出表格)blockquote(定义引用的内容elsehere)h1,h2,h3,h4,h5,h6(标题)p(段落)canvas(画布)header(页眉)pre(预格式化文本,定义预格式化内容)dd(定义描述)hgroup(合并标题)section(定义表头区域)div(文档分割)hr(定义分界线)table(表格)dl(定义列表)li(列表项)tfoot(表格页脚)fieldset(字段集标签)main(包含中心内容到thisdocument)ul(unorderedlist)figcaption(figurecaption)nav(containsnavigationlinks)video(videoplayer)内联元素和块元素的第三个区别在行中通常,块元素的内部结构比行内元素复杂,块元素内部可能包含行内元素和其他块元素。