[html] 第2天 html的元素有哪些（包含H5）？

[haizhilin2013]

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

---

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

[undefinedYu]

块级元素：

• 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新元素都不记得？因为平常没有去使用！

[yxkhaha]

行内元素

• 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 (不记得了...)

[qingleizhang123]

行内元素：

• 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

[hbl045]

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

[tzjoke]

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

[tiyunchen]

行内元素:

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

块级元素

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

[keenJade]

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

[Konata9]

• 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

[hishuling]

块级元素：

• 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

[15190408121]

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

[poporeki]

行内元素：

• 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

[9lk]

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

[Lianfeiru]

区块元素： 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(用来处理命令按钮）

[qp97vi]

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

[zivenday]

行内元素

• 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 不是块级

[Toeat]

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

[Hunterang]

pre code &nbsp canvas svg audio video

[RQSA]

行内元素： 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

[BinghuiXie]

@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

[liuajingliu]

块级元素： 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

[Lanbasara]

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

[jokerying0430]

块级元素： 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

[vinceok]

常用块级元素：

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

[liwudi]

// 表单类 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

[larry0442]

行内

• 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

..记不全。。。

[jsThin]

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

[giggleCYT]

块级元素： 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...

[LancelotSaki]

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

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

[buuug7]

该题的本意是让你大致说说各种类型的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

参考

• <https://github.com/buuug7/notes/blob/master/html/html-basic.md />
• <https://github.com/buuug7/notes/blob/master/html/html5.md />

[viewwei]

块级元素 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

[jayyoonn]

行内元素： 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：地址

[Gun-yx]

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

[lxt-ing]

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

[1222Cherishyx]

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

[mono2048]

[html] html的元素有哪些（包含H5）？ 行内元素:
块级元素:

1. ~

   行内块:

[Nick-chan901]

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

[shisan13yan]

块级元素：

行内元素：

表单元素：


---

[fluencySing]

行内元素
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

[caokangkang]

块级元素 结构：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

[zxcdsaqwe123]

span 行内

[amikly]

行内元素

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

特点

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 的证书管理系统

[nizuzong]

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

[tk12138]

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

-- 定义文档中的节

-- 定义文档头部

-- 定义页面的主要内容

-- 定义尾部内容

-- 定义导航栏 -- 标签定义图形

[baiye0]

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

[syfine]

行内元素

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

  块级元素

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

[www-wanglong]

块级元素：

• 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

[mlzzen]

块级元素

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

行内元素

• span
• button

[2420687171]

/================自己想到的======================= 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;

[WangXi01]

1. 行内元素：span,button,img,svg,input,checkbox,radio,
2. 块级元素：div,h1-h6,p,ul,li,form,table,
3. 空元素：br,b,strong

[lv107w]

行内元素 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

[superyeda]

行内元素 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