H5页面元素及其属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了H5页面元素及其属性相关的知识，希望对你有一定的参考价值。
参考技术A 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输入框对用户文本输入的文本内容进行拼音和语法检查
排除包含属性的元素及其所有子元素
【中文标题】排除包含属性的元素及其所有子元素【英文标题】：Exclude element containing attribute and all its children 【发布时间】：2021-11-24 17:37:57 【问题描述】：我目前正在尝试检索网页上的所有元素，不包括链接及其子元素。
页面组成如下：
<body>
<p>
...
<a href='...'>
<strong> ... </strong>
</a>
...
</p>
<p>
...
<a href='...'>
<strong> ... </strong>
</a>
...
</p>
</body>
我能够使用//body//*[not(@href)] 获取除链接之外的所有元素。
不过，我也捕获了包含 href 属性的元素的子元素。
如何过滤掉包含href 属性及其子属性的元素？
【问题讨论】：
【参考方案1】：要实现这一点，您可以指定所有节点既不具有href 属性，也不具有href 属性的祖先。
//body//*[not(@href or ancestor::*/@href)]
【讨论】：
以上是关于H5页面元素及其属性的主要内容，如果未能解决你的问题，请参考以下文章