H5页面元素及其属性

发布网友发布时间：2022-09-24 02:32

共1个回答

热心网友时间：2023-09-11 04:12

Ul无序列表

<ul>

<li>春</li>

<li>夏</li>

<li>秋</li>

<li>冬</li>

</ul>

ol有序列表每对ol至少嵌套一对li

<ol>

<li>春</li>

<li>夏</li>

<li>秋</li>

<li>冬</li>

</ol>

注:<ol start='2' reversed> start序列起始位置 reversed 倒序

定义列表用于对术语或名词解释 dl定义指定列表 dt定义指定名词 dd解释名词

<dl>

<dt>名词</dt>

<dd>名词解释</dd>

</dl>

[图片上传失败...(image-9bd7f3-1655119602432)]

header是一种具有引导和导航作用的结构元素

Nav元素用于定义导航链接是H5新增元素

用于以下几种场合

1：传统导航条：目前主流网站上都有不同层次的导航条，其作用是跳转到网站的主要页面

2：侧边栏导航：

3;页内导航：

4：翻页操作

代表文档，页面，或者应用程序中与上下文不相关的独立部分。

用来定义当前页面或者文章的附属信息部分，它可以包括与当前页面或主要内容相关的引用，侧边栏，广告，导航条等其他类似的有别于主要内容的部分。

Aside主要有两种用法

1：被包含在aside元素内作为主要内容的附属信息

2：在aside元素之外使用，作为页面元素或站点全局的附属信息部分。

标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。 ## footer元素

Footer元素用于定义一个页面

figure元素用于独立的流内容

Figcaptionz元素用于figure元素添加标题

<p>鸟巢</p>

<figure>

<figcaption>

北京鸟巢

</figcaption>

<p>sjxx</p>

</figure>

hgroup元素用于多个标题组成标题组，通常和h1-h6组合使用

将hgroup元素放在header元素中

用hgroup注意以下几点：

1:如果只有一个标题不建议使用hgroup元素

2：当出现或者一个以上的标题是，推荐使用hgroup,

3：当一个标题包含副标题 section或者arttical元素时，建议使用

<hgroup>

<h1>我的个人网站</h1>

<h2>我的个人作品</h2>

</hgroup>

<p>快乐每一天</p>

[图片上传失败...(image-70ad77-1655119602432)]

Detail 元素用描述文档或文档某个部分细节

Summary元素经常与detail元素配合使用，作为detail第一个子元素

[图片上传失败...(image-7c3763-1655119602432)]

用于描述一个任务的完成进度

Value 已完成的工量

Max:总共有多少工作量

<h1>我的工作进度</h1>

<progress value="50" max="100">

[图片上传失败...(image-9ec46d-1655119602432)]

[图片上传失败...(image-e033a-1655119602432)]

[图片上传失败...(image-10fbef-1655119602432)]

[图片上传失败...(image-100b05-1655119602432)]

<h3>文字可以被拖动</h3>

<article draggable="true"> 您好</article>

<img src="20191128110935746.png" draggable="true">

[图片上传失败...(image-e4ceba-1655119602432)]

元素隐藏

对input输入框对用户文本输入的文本内容进行拼音和语法检查

热心网友时间：2023-09-11 04:12