Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[html] 第2天 html的元素有哪些(包含H5)? #4

Open
haizhilin2013 opened this issue Apr 17, 2019 · 60 comments
Open

[html] 第2天 html的元素有哪些(包含H5)? #4

haizhilin2013 opened this issue Apr 17, 2019 · 60 comments
Labels
html html

Comments

@haizhilin2013
Copy link
Collaborator

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


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

@undefinedYu
Copy link
Contributor

块级元素:

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

@haizhilin2013 haizhilin2013 added the html html label Apr 18, 2019
@yxkhaha
Copy link

yxkhaha commented Apr 18, 2019

行内元素

  • 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
Copy link

行内元素:

  • 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
Copy link

hbl045 commented May 5, 2019

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

@tzjoke
Copy link

tzjoke commented May 16, 2019

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

@tiyunchen
Copy link

行内元素:

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

块级元素

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

@keenJade
Copy link

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

@Konata9
Copy link

Konata9 commented Jun 30, 2019

  • 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
Copy link

块级元素:

  • 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
Copy link

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

@poporeki
Copy link

poporeki commented Jul 4, 2019

行内元素:

  • 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
Copy link

9lk commented Jul 20, 2019

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
Copy link

区块元素
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
Copy link

qp97vi commented Aug 7, 2019

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

@zivenday
Copy link

zivenday commented Aug 7, 2019

行内元素

  • 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
Copy link

Toeat commented Aug 9, 2019

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
Copy link

pre code &nbsp canvas svg audio video

@RQSA
Copy link

RQSA commented Oct 3, 2019

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

@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
Copy link

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

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

@jokerying0430
Copy link

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

vinceok commented Jan 15, 2020

常用块级元素:

  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
Copy link

liwudi commented Jan 16, 2020

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

行内

  • 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
Copy link

jsThin commented Apr 13, 2020

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
Copy link

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

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

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

@1222Cherishyx
Copy link

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
Copy link

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

块级元素:

    1. ~


      行内块:

@Nick-chan901
Copy link

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
Copy link

块级元素:<title>


      行内元素:

    • 表单元素:


@fluencySing
Copy link

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

块级元素
结构: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
Copy link

span 行内

@amikly
Copy link

amikly commented Oct 20, 2021

行内元素

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

特点

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
Copy link

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

@tk12138
Copy link

tk12138 commented Nov 4, 2021

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

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

@baiye0
Copy link

baiye0 commented Dec 30, 2021

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

@syfine
Copy link

syfine commented Apr 11, 2022

行内元素

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

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

@www-wanglong
Copy link

块级元素:

  • 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
Copy link

mlzzen commented Jun 28, 2022

块级元素

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

行内元素

  • span
  • button

@2420687171
Copy link

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

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

@lv107w
Copy link

lv107w commented Aug 8, 2022

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

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

@Bruce-shuai
Copy link

行内元素
a
span
input
button
label
canvas

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

@hello-mjx
Copy link

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

@w666y
Copy link

w666y commented Feb 4, 2023

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

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

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

@Iambecauseyouare
Copy link

Iambecauseyouare commented Feb 9, 2023

行内元素:
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 标签定义命令按钮,比如单选按钮、复选框或按钮

@WangLiqing0713
Copy link

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

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

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

@keenesun
Copy link

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

@lili-0923
Copy link

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

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

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

... 下拉列表

块级元素:

... ... 地址文字

...

标题一级

...

标题二级

...

标题三级

...

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

...

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

H5元素:

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

@pengsir120
Copy link

块级元素:
div - 常用包裹标签
p - 段落
h1 ~ h6 - 标题
header - 头部
footer - 底部
main - 主要
setion -
aside - 侧边栏
ul - 无序列表
li - 列表项
ol - 有序列表
form - 表单
行内元素:
span - 常用包裹文本标签
canvas - 画布
video - 视频
audio - 音频
button - 按钮
img - 图片
input - 输入框
a - 超链接
strong - 语义化强烈
b - 粗体
i - 斜体
checkbox - 选择框
label - 标签

@xiaotangaichihuluobo
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
html html
Projects
None yet
Development

No branches or pull requests