HTML元素介绍(一)

个人学习总结输出，持续更新。日复一日的学习！天天向上！

这里的元素大部分都是普通元素。这里的Common是指几乎没有特殊属性，只指定了一般属性和各种事件属性。

基本元素

！-.-:定义HTML注释。

html:HTML5文档的根元素可以省略，但不推荐。

Head:HTML5文档页眉，可以省略，但不推荐。

标题：HTML5文档页面标题。

Body:页面正文部分。

标题：定义了标题1-标题6。

定义一个段落。

Br:插入换行。

Hr:横线，题目结束语义。

文档中的Div:部分。

Span:类似于div，div代表一般文本，是一个内嵌元素。

！声明文档类型

超文本标记语言

头

meta charset='utf-8 '

标题/头衔

/head

身体

H1标题1/h1

h2标题2/h2

H3标题3/h3

H4航向4/h4

h5标题5/h5

H6Heading 6/h6

p

跨度

之后就没有br了

/span

跨度

其次是br

/span

英国铁路公司

跨度

然后是人力资源

/span

整点

跨度

其后是div

/span

div id=' '

一般p不包含div，但是div可以包含一切，所以过去被广泛使用，导致语义模糊。

/div

/p

/body

/html

文本格式相关元素

B:粗体文本

I:斜体文本

Em:表示强调，样式也是斜体

Strong:粗体文本，类似于b用法。

Small:小字体文本。

Sup:上标文本

Sub:下标文本

Bdo:文本显示方向

p

Bb粗体/bstrongstrong粗体/strong普通

小收缩/小2sup2/supasub2/sub

整点

Bdo dir='ltr '从左到右/bdo

整点

Bdo dir='rtl '从左到右/bdo

/p

旧的语义相关元素

缩写：代表缩写。

标题：该属性代表全名。

地址：表示地址

Blockquote:表示长文本引用。

引用：属性指定来源

q:表示短文引用。

引用：作品标题。

代码：代码文本。

Dfn:用于定义技术术语。

Del:要删除的文本。

Cite:属性指定原因，

日期时间：属性批注修改时间

Ins:表示插入的文本。

Cite:属性指定原因，

日期时间：属性批注修改时间

预：预格式化。需要转移的文字可以直接内部使用。

Samp:演示文本。

Kbd:用于定义键盘文本。

变量：表示一个变量。

p

缩写标题='中华人民共和国'中国/缩写

地址：Xi市雁塔区幸福小区3单元403室/地址

引用标题/引用

Blockquote cite='www.baidu.com '表示长文本引用。通常使用“引用”属性来指定来源(可以生成URL)/区块引用

q代表短文引用。/q

密码

让TempDom=document . query select(' # id ')；

dom.hidden=true

/code

dfn的第三牛顿定理：/dfn

英国铁路公司

删除要删除的文本。通常用“引用”属性来指定原因，通常用“日期时间”属性来标记修改时间/del

英国铁路公司

Ins表示插入的文本。通常用“引用”属性来指定原因，通常用“日期时间”属性来标记修改时间/分钟

pre/\''''''/pre

Samp演示文本。/samp

kbdctrl/kbd

var/var

/p

H5新语义要素

马克：标出重点。

时间：标记时间。

Datetime:提供格式化的时间，内容本身是标准格式，可以省略这个属性。

出版日期：布尔型是出版日期吗

明细和汇总：汇总和明细。如果将摘要放在详细信息中，则摘要是可见的。单击摘要显示详细信息。

Ruby、rtc、rb、rt和rp元素：用于定义东亚字符的解释。

Bdi:隔离一段文本并设置属性。

Wbr:建议包装。(允许浏览器在单词中间换行)

Menu和menuitem:用于定义菜单和菜单项。没有浏览器支持。支持以下属性：

类型：三个值，单选、复选框和命令(默认值)

标签:指定菜单项文本

图标：指定菜单项图标。

禁用：指定菜单项是否不可用。

选中：当类型为复选框或单选按钮时，这很有意义

单选组：类型为单选时有意义，指定菜单项所属的组。

默认：指定默认菜单项。

这是一个标记焦点/标记

time publib date=' true ' datetime=' 2019-10-14 22:05 ' 2019-10-14 22:05/time

细节

摘要摘要/摘要

下面是细节、

/详细信息

红宝石

Rb饕餮/rb

rp(/rp

rttao/rt

rp)/rp

经常预算/经常预算

rp(/rp

rttie/rt

rp)/rp

/ruby

H5新结构元素

没什么好说的，看到名字就知道意思，解决div语义缺失的问题。

文章：一篇独立的内容；

章节：几个单独的内容；

页眉、页脚、页眉、导航、侧边

图和图标题：定义图片区域，图标题为标题