Giter Club home page Giter Club logo

Comments (58)

undefinedYu avatar undefinedYu commented on May 10, 2024 17

块级元素:

  • head -
  • meat - 申明页面的诸多属性
  • title - 窗口标题
  • style - 样式
  • body - 文本内容
  • header - 头部块
  • section - 内容块
  • footer - 底部块
  • article - 文章标签
  • aside
  • nav
  • menu
  • bir
  • hr - 下划线
  • h1-h6 描述标题
  • div
  • p
  • ul
  • li
  • ol
  • oi
  • dl
  • dt
  • dd
  • form
  • table
  • theader
  • tbody
  • tr
  • th

行内元素

  • label
  • a
  • span
  • td
  • input
  • button
  • strong
  • b
  • i

去除的元素

  • font

为什么H5新元素都不记得?因为平常没有去使用!

from fe-interview.

yxkhaha avatar yxkhaha commented on May 10, 2024 7

行内元素

  • a
  • b
  • span
  • i
  • em
  • strong
  • block
  • input
  • button
  • select
  • form

块级元素

  • div
  • p
  • ul
  • ol
  • li
  • h1~h6
  • textarea

H5新增

  • header
  • section
  • asize
  • footer
  • nav
  • article
    (不记得了...)

from fe-interview.

amikly avatar amikly commented on May 10, 2024 3

行内元素

一个行内元素只占据它对应标签的边框所包含的空间

特点

1.总是和相邻的行内元素在同一行上
2.设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效
3.默认宽度是它自身内容的宽度
4.行内元素只能容纳其他行内元素或者文本(a比较特殊,可以放块级元素,但是链接里面不能再放链接)

常用:

<a href="">通过它的 href属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL的超链接</a>
<select name="" id="">表示一个提供选项菜单的控件</select>
<span>短语内容的通用行内容器</span>
<strong>表示文本十分重要</strong>
<img src="" alt="" />将一份图像嵌入文档
<input type="text" />为基于Web的表单创建交互式控件,以便接受来自用户的数据
<label for="">表示用户界面中某个元素的说明</label>
<textarea name="" id="" cols="30" rows="10">表示一个多行纯文本编辑控件</textarea>
<button>表示一个可点击的按钮</button>
<br />在文本中生成一个换行(回车)符号
<script>"用于嵌入或引用可执行脚本"</script>
<b>用于吸引读者的注意到该元素的内容上(如果没有另加特别强调)</b>
<i>用于表现因某些原因需要区分普通文本的一系列文本</i>
<em>标记出需要用户着重阅读的内容</em>
<small>
    使文本的字体变小一号
    html5被重新定义为表示边注释和附属细则,包括版权和法律文本
</small>
<sub>定义了一个文本区域,比主要文本更低更小</sub>
<sup>定义了一个文本区域,比主要文本更高更小</sup>

其它:

<abbr title="">用于代表缩写,并且可以通过可选的 title 属性提供完整的描述</abbr>
<cite>表示一个作品的引用,且必须包含作品的标题</cite>
<code>呈现一段计算机代码</code>
<dfn>标记了被定义的术语</dfn>
<kbd>用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示</kbd>
<samp>用于标识计算机程序输出,通常使用浏览器缺省的 monotype 字体(例如 LucidaConsole)</samp>
<var>表示数学表达式或编程上下文中的变量名称</var>
<bdo dir="">改写了文本的方向性, 使文本以不同的方向渲染呈现出来</bdo>
<map name="">与 area 标签一起使用来定义一个图像映射(一个可点击的链接区域)</map>
<object data="" type="">表示引入一个外部资源</object>
<q>表示一个封闭的并且是短的行内引用的文本</q>

已废弃:

<big>使字体加大一号,最大不超过浏览器的最大字体</big>
<tt>产生一个内联元素,使用浏览器内置的 monotype 字体展示</tt>
<acronym title="">
允许作者明确地声明一个字符序列,,它们构成一个单词的首字母缩写或简略语
该元素已从HTML5中移除,不应再被使用。Web开发者应使用 <abbr> 元素.
</acronym>

块级元素

块级元素占据其父元素(容器)的整个水平空间,垂直空间等于其内容高度

特点

1.总是另起一行
2.可以设置其宽度、高度,内外边距
3.在不手动设置宽度的情况下,宽度默认为所在容器的100%(即容器宽度)
4.可以容纳行内元素和其他块元素(文字类的块级元素不能放块元素,例如<p>/<h1>~<h6>/<dt>

常用:

<div>一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响</div>
<p>表示文本的一个段落</p>
<form action="">表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息</form>
<table>表示表格数据 — 即通过二维数据表表示的信息</table>
<tfoot>定义了一组表格中各列的汇总行</tfoot>
<h1><h6>呈现了六个不同的级别的标题
<hr>表示段落级元素之间的主题转换
<ol>表示有序列表,通常渲染为一个带编号的列表</ol>
<ul>表示一个内可含多个元素的无序列表或项目符号列表</ul>
<dl>一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)</dl>
<dt>用于在一个定义列表中声明一个术语</dt>
<dd>用来指明一个描述列表 dl 元素中一个术语的描述</dd>
<header>用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素</header>
<section>表示一个包含在HTML文档中的独立部分</section>
<article>表示文档、页面、应用或网站中的独立结构</article>
<aside>表示一个和其余页面内容几乎无关的部分,其通常表现为侧边栏或者标注框</aside>
<footer>表示最近一个章节内容或者根节点(sectioning root)元素的页脚</footer>
<audio src="">用于在文档中嵌入音频内容</audio>
<video src="">用于在HTML或者XHTML文档中嵌入媒体播放器,用于支持文档内的视频播放</video>
<pre>表示预定义格式文本</pre>
<canvas>可被用来通过JavaScript(Canvas API 或 WebGL API)绘制图形及图形动画</canvas>
<blockquote>代表其中的文字是引用内容</blockquote>

其它:

<address>表示其中的 HTML 提供了某个人或某个组织(等等)的联系信息</address>
<fieldset>用于对表单中的控制元素进行分组(也包括 label 元素)</fieldset>
<figure>代表一段独立的内容, 经常与说明(caption)figcaption 配合使用</figure>
<figcaption>与其相关联的图片的说明/标题,用于描述其父节点 figure 元素里的其他数据</figcaption>
<hgroup>代表文档章节所属的多级别的目录,它将多个<h1><h6>的子元素组装到一起</hgroup>
<noscript>定义脚本未被执行时的替代内容</noscript>
<output name="">表示计算或用户操作的结果</output>

行内块元素

行内块元素综合了块元素和行内元素的不同特点

特点

1.和相邻行内元素在同一行,但是之间会有空白缝隙
2.默认宽度是他本身内容的宽度
3.宽度、高度、行高、外边距以及内边距都可以手动设置

<img src="" alt="" />将一份图像嵌入文档
<input type="text" />为基于Web的表单创建交互式控件,以便接受来自用户的数据
<button>表示一个可点击的按钮</button>
<textarea name="" id="" cols="30" rows="10">表示一个多行纯文本编辑控件</textarea>
<select name="" id="">表示一个提供选项菜单的控件</select>
<td>定义了一个包含数据的表格单元格</td>

空元素

一个空元素可能是 HTML,SVG,或者 MathML 里的一个不能存在子节点(例如内嵌的元素或者元素内的文本)的element

常用:

<br />在文本中生成一个换行(回车)符号 
<hr>表示段落级元素之间的主题转换
<img src="" alt="" />将一份图像嵌入文档
<input type="text" />为基于Web的表单创建交互式控件,以便接受来自用户的数据
<link rel="stylesheet" href="">规定了当前文档与外部资源的关系
<meta>表示那些不能由其它 HTML 元相关元素((base、link, script、style 或 title)之一表示的任何元数据信息

其它:

<area shape="" coords="" href="" alt="">在图片上定义一个热点区域,可以关联一个超链接,仅在 map 元素内部使用
<base href=""> 指定用于一个文档中包含的所有相对 URL 的根 URL
<colgroup span="">用来定义表中的一组列表,存在span属性时为空元素
<col> 定义表格中的列,并用于定义所有公共单元格上的公共语义,它通常位于 colgroup 元素内
<embed src="" type="">将外部内容嵌入文档中的指定位置
<param name="" value="">为 object 元素定义参数
<source>为 picture, audio 或者 video 元素指定多个媒体资源
<track>被当作媒体元素audio和video的子元素来使用。它允许指定时序文本字幕(或者基于时间的数据),例如自动处理字幕
<wbr>一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行

已废弃:

<keygen>为了方便生成密钥材料和提交作为 HTML form 的一部分的公钥.这种机制被用于设计基于 Web 的证书管理系统

from fe-interview.

9lk avatar 9lk commented on May 10, 2024 2

https://codepen.io/9lk/pen/oKgQjY

内联元素有哪些?
a img label span sub sup object
i em small strong, br
input button select textarea
内联元素中置换元素有哪些?
所有表单元素
h5标签有哪些?
header footer section
article aside video audio canvas
fieldset address email
块级元素有哪些?
div table
ul ol li dl dt dd
h1~h6 p hr

from fe-interview.

buuug7 avatar buuug7 commented on May 10, 2024 2

该题的本意是让你大致说说各种类型的HTML元素的作用,回答的时候不必要详尽列出所有的HTML元素,每个类别中只需要说几个代表性的即可。

定义

什么是HTML元素?使用HTML标签描述的内容叫HTML元素。HTML 标签的目的是向文档传递含义,也叫HTML Semantic。使用合适的HTML标签能够使你的页面更规范和更具有语义性。

至于块级元素还是行内元素,更容易区分,块级元素用来组织页面的结构,内联元素旨在区分文本的一部分,以赋予特定的功能和含义。内联元素通常包含一个或几个单词。

HTML元素大致可以分成以下几种类别

定义页面结构(Structure elements)

head, body, h1-h6, footer(h5), header(h5), section(h5), article(h5), aside(h5), nav(h5)

定义内容(Text elements)

p, ul, ol, li, blockquote, table, form

区分内容,行内元素允许区分文本的一部分(Inline elements)

strong, em , a, small, abbr

通用元素(generic elements)

div, span

其他元素

audio, video, canvas

参考

from fe-interview.

hbl045 avatar hbl045 commented on May 10, 2024 1

title caption table下的标题标签
h5新增 canvas

from fe-interview.

qingleizhang123 avatar qingleizhang123 commented on May 10, 2024

行内元素:

  • a
  • b
  • span
  • strong
  • i
  • em
  • button
  • input
  • label
  • br
  • textarea
  • select

块元素

  • div
  • p
  • h1-h6
  • ol
  • ul
  • li
  • table
  • tbody
  • td
  • tr
  • thead
  • dl
  • dt
  • dd

H5新增元素

  • section
  • article
  • audio
  • video
  • hearder
  • footer
  • small

from fe-interview.

tzjoke avatar tzjoke commented on May 10, 2024

BTW,语义化的标签有利于爬虫,seo,也对网站的accessible开发,比如ARIA很有帮助!

from fe-interview.

tiyunchen avatar tiyunchen commented on May 10, 2024

行内元素:

  • a
  • span
  • input
  • button
  • em
  • i
  • sub
  • sup
  • label
  • strong

块级元素

  • div
  • p
  • h1-h6
  • ul
  • ol
  • li
  • table

from fe-interview.

keenJade avatar keenJade commented on May 10, 2024

H5: canvas定义图形;audio定义声音 aside定义页面之外的内容 command定义命令按钮 nav定义导航链接
output输出类型 progress 任务进度

from fe-interview.

Konata9 avatar Konata9 commented on May 10, 2024
  • block
  1. h1-h5
  2. div
  3. p
  4. ul/ol
  5. li
  6. table
  7. form
  8. tr
  9. header
  10. footer
  11. section
  12. article
  13. nav
  • inline
  1. span
  2. label
  3. input
  4. button
  5. br
  6. a
  7. td
  8. canvas
  9. video
  • inline-block
  1. img

from fe-interview.

hishuling avatar hishuling commented on May 10, 2024

块级元素:

  • div
  • p
  • h1 h2 h3 h4 h5 h6
  • ol 有序列表, ul无序列表, li,dl定义列表
  • table ,tr
  • address
  • hr
  • pre
  • blockquote 引用块
  • marquee 滚动文本
  • form
  • header,footer,section
  • article,nav
  • textarea

行内元素:

  • span
  • label
  • button
  • input radio video select
  • a
  • br, b, strong, em
  • canvas

from fe-interview.

15190408121 avatar 15190408121 commented on May 10, 2024

行内元素:span b i input button video radio a
canvas
块级元素:div ul li tabel header footer center h1-h6 from p textarea

from fe-interview.

poporeki avatar poporeki commented on May 10, 2024

行内元素:

  • a 超链接
  • input 输入框
  • span 感觉没啥用
  • img 图片标签
  • stong 加粗
  • sub 下标
  • sup 上标
  • i 没啥用
  • audio 、video canvas 音频视频标签
  • select 单选框
  • radio 单选按钮
  • label

块级元素:

  • p 文本块
  • div
  • h1...h6 标题
  • textarea 多行文本框
  • ul、li、ol有序列表 无序列表
  • table 表格
  • hr
  • pre
  • code
  • header
  • footer
  • aside
  • section
  • nav
  • article

from fe-interview.

Lianfeiru avatar Lianfeiru commented on May 10, 2024

区块元素
div p address
ul ol li
dl dt dd
table tfoot form
pre h1~h6 hr

内联元素:
img cite(引用)
a br sup sub label(表单标记)
span input textarea
b big i em strong

h5元素:
nav section footer header
aside dialog(对话)
progress(表示进度条) time meter(表示特定范围的值) video audio
menu command(用来处理命令按钮)

from fe-interview.

qp97vi avatar qp97vi commented on May 10, 2024

块元素:
div p ul li h1~h6 ol dt dd
内联元素:
span img a br em b i strong input
h5元素:
section nav footer header

from fe-interview.

zivenday avatar zivenday commented on May 10, 2024

行内元素

  • a
  • b
  • span
  • i
  • em
  • strong
  • block
  • input
  • button
  • select
  • form

块级元素

  • div
  • p
  • ul
  • ol
  • li
  • h1~h6
  • textarea

H5新增

  • header
  • section
  • asize
  • footer
  • nav
  • article
    (不记得了...)

textarea 不是块级

from fe-interview.

Toeat avatar Toeat commented on May 10, 2024

div textarea table tbody tr td ul ol li dl dt dd h1-h6
p span em form input img a br strong
header footer nav

from fe-interview.

Hunterang avatar Hunterang commented on May 10, 2024

pre code &nbsp canvas svg audio video

from fe-interview.

RQSA avatar RQSA commented on May 10, 2024

行内元素:
a
b
span
strong
i
em
button
input
label
br
textarea
select
块元素
div
p
h1-h6
ol
ul
li
table
tbody
td
tr
thead
dl
dt
dd
H5新增元素
section
article
audio
video
hearder
footer
nav
canvas

from fe-interview.

BinghuiXie avatar BinghuiXie commented on May 10, 2024

@hishuling 严格来说 tr 不能算是块级元素,因为在标准里是这么说的:

Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes

同样,按照标准的说法,块级别的元素的display属性只有'block', 'list-item', 和'table'
我不知道是不是百分百正确,我只是从文档里看来的,希望各位可以帮忙指正
相关链接:
https://www.w3.org/TR/CSS2/visuren.html#block-formatting

https://www.w3.org/TR/CSS2/visuren.html#block-level

from fe-interview.

liuajingliu avatar liuajingliu commented on May 10, 2024

块级元素:
head
body
div
p
h1-h6
hr
header
footer
main
article
aside
nav
section
ul
li
ol
oi
dl
dt
dd
from
table
thead
hbody
行内元素:
span
a
b
br
strong
tr
td
img
input

from fe-interview.

Lanbasara avatar Lanbasara commented on May 10, 2024

块状:
div
section
p
h
行内:
a
span
i
H5:
audio
video
article
header
footer

from fe-interview.

jokerying0430 avatar jokerying0430 commented on May 10, 2024

块级元素:
div p h1-h6 ol ul li table tbody td tr thead dl dt dd
行内元素:
a b span strong i em button input label br textarea select
h5新增元素:
header nav section aside article footer video audio canvas main mark progress

from fe-interview.

vinceok avatar vinceok commented on May 10, 2024

常用块级元素:

  1. 常用:div、p、ul、li、ol
  2. 结构:aside、footer、header、nav、section、main
  3. 文章:address、article、figure、figcaption、h1、h2、h3、h4、h5、h6、pre
  4. 表格:table、thead、tbody、tfoot、th、td、caption
  5. 表单:form
  6. 其他:canvas

常用行内元素:

  1. 常用:a、img、span
  2. 文本:em、i、strong、small
  3. 表单:button、input、label、option、progress、select、textarea
  4. 媒体:audio、video

from fe-interview.

liwudi avatar liwudi commented on May 10, 2024

// 表单类
form(块级)
input、textarea、button、select、label

// 布局结构类(以下基本属于块级元素)
div、p、h1、h2、h3、h4、h5、h6、ul、li、ol、table、tr、td、thead、tbody。
span(内联元素)

// 媒体相关(以下基本属于内联元素)
audio、vedio、img、canvas、a

// h5语义化标签
header、footer、section、article、aside

// 功能类标签
link、meta、title、html、body、script

// 其他不常用的标签
br、hr

from fe-interview.

larry0442 avatar larry0442 commented on May 10, 2024

行内

  • a
  • i
  • em
  • strong
  • span
  • a
  • br
  • button
  • label
  • input
  • select
  • tr
  • td
  • img

块级

  • html
  • body
  • header
  • section
  • footer
  • article
  • sider
  • nav
  • ol
  • ul
  • li
  • dt
  • dd
  • div
  • h1~h6
  • p
    -form

..记不全。。。

from fe-interview.

jsThin avatar jsThin commented on May 10, 2024

html
body
header
footer
section
sider
nav
div
h1-h6
p
span
em
strong
i
form
input
select
option
submit
button
area
checkbox
table
thead
tbody
tfooter
th
tr
td
img
video
canvas
音频...
ol
ul
li
hr
br
label

from fe-interview.

giggleCYT avatar giggleCYT commented on May 10, 2024

块级元素:
head、body、div、ol、ul、li、h1~h6、p、di、dt、dd、table、address、blockquote 、form...
行内元素:
a、img、span、i、em、sub、sup...
h5新增:
header、footer、canvas、article、nav、section、audio、video...

from fe-interview.

LancelotSaki avatar LancelotSaki commented on May 10, 2024

刚接触没多久,自己用HTML标签都是按照这套路来布局的,下面列举这些应该都是块级元素吧?

  <head></head>
  <body>
      <header>
         <hr/>
         <canvas>
         </canvas>
     </header>
      <main>
          <aside></aside>
          <section>
              <div>....</div>
         </section>
      </main>
      <footer>
          <nav></nav>
     </footer> 
  </body>

from fe-interview.

viewwei avatar viewwei commented on May 10, 2024

块级元素
prev
code
cite
caption
address
canvsa
ifrom
head
body
title
style
header
section
footer
article
aside
nav
br
hr
h1-h6
div
p
ul
li
ol
dl
dt
form
table
tr
th

行内
blockquote
audio
area
map
label
a
span
td
input
button
strong
b
i
em

from fe-interview.

jayyoonn avatar jayyoonn commented on May 10, 2024

行内元素:
a:超链接
span:文本
img:图片
i
strong:加粗,强调
table、tbody、tr、th、td:表格
input:输入
form:表单
button:按钮

块级元素:
div:块级
p:段落
h1-h5:标题
ul、ol、li、dl、dd、dt:列表

h5新增标签:
audio:音频
video:视频
header:头部
section:内容块
footer:底部
aslide:侧边
nav:导航
address:地址

from fe-interview.

Gun-yx avatar Gun-yx commented on May 10, 2024

head
section
div
ui
ol
li
&nbsp
input
button
img
video
style
link
meta
title
footer
p
h1-h5
table
td
th
tr
form
tbody
span
label
a
nav
textarea
strong
canvas

from fe-interview.

lxt-ing avatar lxt-ing commented on May 10, 2024

p,span,i,b,body,div,em,table,thead,tbody,tr,th,td,hr,br,aside,header,footer,main,nav,input,button,textarea,checkbox,video,ul,li,ol,dd,dl,dt,frame,form,label,a

from fe-interview.

1222Cherishyx avatar 1222Cherishyx commented on May 10, 2024

h1-h6 p ul li ol dl dt dd form table tbody tr th label a span img input textarea header footer main nav button section div br i strong

from fe-interview.

mono2048 avatar mono2048 commented on May 10, 2024

[html] html的元素有哪些(包含H5)?
行内元素:

块级元素:

    1. ~


      行内块:

from fe-interview.

Nick-chan901 avatar Nick-chan901 commented on May 10, 2024

Html

结构: body / head / header / footer / nav / main / section / aside
文章: h1~h6 / address / figure
文本: i / em / strong / br
表格: table / th / td / tr
表单: from / button / input / textarea
引用: img / a
媒体: audio / video
常有: div / span / p / ul / ol / li
其他: canvas

from fe-interview.

shisan13yan avatar shisan13yan commented on May 10, 2024

块级元素:<title>


      行内元素:

    • 表单元素:


from fe-interview.

fluencySing avatar fluencySing commented on May 10, 2024
行内元素
span a input b i strong img textarea label 
块级元素
div ul ol li dl dd dt p head body header nav footer canvas section table tr td form

from fe-interview.

caokangkang avatar caokangkang commented on May 10, 2024

块级元素
结构:body / head / nav(h5) / header(h5) / aside(h5) / main / footer(h5)
内容:h1~h6 / div / p / section(h5) / article(h5) / tabel / tr /td / ul / ol / li / dl /dd /dt / canvas(h5) / form
媒体: video

行内
span / a / input / b / i / stong / img / textarea / labal / em / audio

from fe-interview.

zxcdsaqwe123 avatar zxcdsaqwe123 commented on May 10, 2024

span 行内

from fe-interview.

nizuzong avatar nizuzong commented on May 10, 2024

header、footer、section、nav、article、menu、h1-h6、em、i、strong

from fe-interview.

tk12138 avatar tk12138 commented on May 10, 2024

① 行内元素
a -- 超链接 span-- 文本标签 br -- 换行 b -- 加粗
Img -- 图片 i --斜体 input -- 输入框 select -- 下拉列表
Textarea -- 多行文本
② 块级标签
h1, h2,h3,h4,h5,h6 -- 标题标签 p -- 段落标签
hr -- 水平分割线 ul -- 无序列表 ol -- 有序列表
table -- 表格 form -- 表单 div
③ H5元素

-- 定义文档中的节 -- 定义文档头部 -- 定义页面的主要内容 -- 定义尾部内容 -- 定义导航栏 -- 标签定义图形

from fe-interview.

baiye0 avatar baiye0 commented on May 10, 2024

行内元素:span a b img input button
块级元素:div h br ...
h5新标签很少用

from fe-interview.

syfine avatar syfine commented on May 10, 2024

行内元素

  • 与其他行内元素并排
  • 设置宽高无效
  • 默认的宽度就是文本内容的宽度
  • 水平方向的padding和margin属性可以使用
  • 只能容纳文本级元素和内联元素

    块级元素 独占一行 可以设置宽度和高度,margin , padding 宽度默认所在容器的宽度 可以容纳内联元素块级元素

from fe-interview.

www-wanglong avatar www-wanglong commented on May 10, 2024

块级元素:

  • div - 文章中的节
  • p - 定义段落
  • h1 to h6 - HTML标题
  • title
  • style
  • body
  • header
  • section
  • footer
  • aside
  • hr
  • ul
  • li
  • ol
  • oi

行内元素:

  • a - 超链接
  • span - 块
  • br - 换行
  • label
  • input
  • b
  • i
  • button
  • strong

from fe-interview.

mlzzen avatar mlzzen commented on May 10, 2024

块级元素

  • div
  • p
  • h
  • article
  • ul
  • li
  • table
  • ol

行内元素

  • span
  • button

from fe-interview.

2420687171 avatar 2420687171 commented on May 10, 2024

/================自己想到的=======================
a超链接;h#标题;i/em倾斜;strong/b加粗;u下划线;del删除线;span;
img图片;
p;div;ul;ol;li;dl;dt;dd;
br换行;hr分割线;
==============搜索后补充==============
空标记:br;hr
H5:article;section;nav;aside;header;footer;
行内:a;h#;font;b;strong;del;i;em;u;s;sup;sub;q;span;input;textarea;select;label;button;
块级:p;pre;blockquote;div;ul;ol;li;dl;dt;dd;dir;menu;table;tr;td;form;caption;address;center;
行内块:img;video;audio;canvas;td;

from fe-interview.

WangXi01 avatar WangXi01 commented on May 10, 2024
  1. 行内元素:span,button,img,svg,input,checkbox,radio,
  2. 块级元素:div,h1-h6,p,ul,li,form,table,
  3. 空元素:br,b,strong

from fe-interview.

lv107w avatar lv107w commented on May 10, 2024

行内元素
a
span
i
em
strong
b

块元素
div
p
h1~h6
ui
li
ol
form
dl
dt
hr
table
td
th
tr
thead

行内块元素
button
input
select
img
textarea

from fe-interview.

superyeda avatar superyeda commented on May 10, 2024

行内元素
label,a,img,span,td,input,button,strong,b,i
块级元素
header-头部块,section-内容块,footer-底部块,article-文章标签,aside,nav,menu,bir,hr,h,div,p,ul,li,ol,oi,dl,dt,dd,form,table,theader,tbody,tr,th

from fe-interview.

Bruce-shuai avatar Bruce-shuai commented on May 10, 2024

行内元素
a
span
input
button
label
canvas

块级元素
img
div
ul
li
p
h1~h5
nav
footer
header
main
form
table

from fe-interview.

hello-mjx avatar hello-mjx commented on May 10, 2024

块级元素:
div
p
h1-h5
ul
li
行内元素:
a
span
em
i
strong
b
h5新元素:
header
footer
aside
section

from fe-interview.

w666y avatar w666y commented on May 10, 2024

[html] 第2天 html的元素有哪些(包含H5)?区分出行内元素、块级元素、空元素并在后面简要标注下作用。如: 行内元素: br - 换行 ...

先不要百度,看看自己能写出多少。

行内元素 span、img 、input...
块级元素 div 、h1~h6、ul、li、footer、header、section...
空元素 hr 、br...

from fe-interview.

Iambecauseyouare avatar Iambecauseyouare commented on May 10, 2024

行内元素:
span
a 超链接
br 换行
b 加租
strong 加粗
img 图片
sup 上标
sub 下标
i 斜体
em 斜体
del 删除线
u 下划线
input 文本框
textarea 多行文本
select 下拉列表
块级元素:
div
address
center 地址文字
h1 一级标题
h2 二级标题
h3 三级标题
h4 四级标题
h5 五级标题
h6 六级标题
hr 水平分割线
p 段落
pre 预格式化
blockquote 段落缩进,前后五个字符
marquee 滚动文本
ul 无序列表
ol 有序列表
dl 定义列表
table 表格
form 表单
H5元素
article 标签定义外部内容
section 标签定义文档中的节,比如章节、页眉或文档中其他部分
main 页面主要内容,一个页面只能使用一次
aside 标签定义article以外的内容,aside的内容应该与article的内容相关
header 标签定义section或document的页眉
footer 标签定义section和document的页脚,典型的彪悍作者的姓名、文档的创作日期以及/或者联系信息
hgroup 标签用于队网页或区段的标题进行组合
nav 标签定义导航链接的部分
canvas 标签定义图形,比如图标和其他图像,这个HTML元素是伪类个护短矢量图形而设计的,它自己没有行为,但却把一个绘图api展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上
video 标签定义视频
audio 标签定义音频
embed 标签定义嵌入的内容,比如插件
source 标签为媒介元素(比如

元素为元世祖天啊及标题
figcaption 标签定义figure元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。
mark 主要用来在视觉上像用户呈现哪些需要突出的文字。标签的一个比较典型的应用就是在搜索结果中像用户高亮显示搜索关键词
meter 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量范围,既可以在元素的文本中,也可以在min/max属性中定义
output 标签定义不同类型的输出,比如脚本的输出
progress 标签运行中的进程。可以使用标签来显示JavaScript中耗费时间的函数的进程
time 标签定义日期或时间或者两者
keygen 标签用于对网页或区段的标题进行组合
command 标签定义命令按钮,比如单选按钮、复选框或按钮

from fe-interview.

WangLiqing0713 avatar WangLiqing0713 commented on May 10, 2024

块:
h1-h6 标题
p 段落
div 普通盒子
nav
footer
hr

行内:
span
a 超链接
img 图片
audio
video
input

脑中立马浮现的就是些常用的

from fe-interview.

keenesun avatar keenesun commented on May 10, 2024

#块级元素
div p / table theader tr th tbody / ul ol li / dl dt dd / head meta title style body header main nav menu article section aside footer / form input / br hr / h1/2/3/4/5/6

#行内元素
span label a td input button strong b i

#行内块元素
img

from fe-interview.

lili-0923 avatar lili-0923 commented on May 10, 2024

行内元素:
...
... 链接

换行
... 加粗
... 加粗
图片
... 上标
... 下标
... 斜体
... 斜体
... 删除线
... 下划线
... 文本框

<textarea>...</textarea> 多行文本

... 下拉列表

块级元素:

... ... 地址文字

...

标题一级

...

标题二级

...

标题三级

...

标题四级
...
标题五级
...
标题六级
水平分割线

...

段落
...
预格式化
...
段落缩进 前后5个字符 ... 滚动文本
    ...
无序列表
    ...
有序列表
...
定义列表 ...
表格 ... 表单
...

H5元素:

--- 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容
--- 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 --- 页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能。 --- 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 --- 标签定义 section 或 document 的页眉。 --- 标签定义 section 或 document 的页脚。典型地,它会包含创作者的姓名、文档的创作日期以及/或者联系信息。 --- 标签用于对网页或区段(section)的标题进行组合 --- 标签定义导航链接的部分 --- 标签定义图形,比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。

from fe-interview.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.