>  기사  >  웹 프론트엔드  >  HTML__inline 요소와 블록 요소 비교

HTML__inline 요소와 블록 요소 비교

高洛峰
高洛峰원래의
2017-02-18 14:33:471793검색

HTML4.0 시대에는 HTML 요소 유형이 인라인 요소와 블록 수준 요소로 구분됩니다.

첫 번째, 인라인 요소

인라인 요소는 의미 수준에 따른 기본 요소로, 일반적으로 텍스트와 기타 인라인 요소만 수용할 수 있습니다.

다음 요소는 모두 인라인 요소입니다.

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(定义一个嵌入的对象)

두 번째 블록 요소

블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소이며 레이아웃에 사용되며 배치되어야 합니다. 라벨 내부의 본체에 있습니다.

다음은 블록 요소입니다.

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(定义页眉的区域)
p(文档分割)
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)

세 번째 인라인 요소와 블록 요소의 차이점

  • 기본적으로 블록 요소는 새 줄을 시작합니다. 인라인 요소는 인라인이 됩니다

  • 일반적으로 블록 요소의 내부 구조는 인라인 요소의 내부 구조보다 복잡하며 블록 요소에는 인라인 요소와 기타 블록 요소가 포함될 수 있습니다.


더 많은 HTML__ 인라인 요소와 블록 요소 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.