H5中的标签(一)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <h1>段落1</h1>
        <h2>段落2</h2>
        <h3>段落3</h3>
        <h4>段落4</h4>
        <h5>段落5</h5>
        <h6>段落6</h6>
        <h7>段落7</h7>  <!--被H系列标签包裹会独占一行,H1最大H6最小,超过7则失效,
        在企业开发中一个界面中只能出现一个H1标签-->
        我是普通文本
        <hr />   <!--在浏览器中单独占一行-->
        <p>我是一段文本</p>
        <p>woshiyiduanwenben</p>  <!--在浏览器中会单独占一行-->

        我是普通文本
        我是普通文本
        <br />
        <!--<br />  换行, 多个br标签可以连续使用,用多少个就换多少行
            单纯的进行换行不会因为段落还没说完就不换行
            不另起一个段落换行 -->
            <!--若段落未描述完要换行,用br  若描述完了用p标签-->
        <img src="" width="" title=""/>
        <!-- title:可以让鼠标悬浮在图片上是显示title中的文字 -->
        <img src="" width="" alt=""/>
        <!-- 当图片不存在是,显示alt=""中的内容 -->
        <a href="指定需要跳转的界面" target="_self" title="">需要展现给用户查看的内容</a>
        <!--a标签中有一个叫做target属性,这个属性的作用是专门用于控制
            如何跳转
            _self:用于在当前选项卡中跳转,也就是不新建界面跳转,默认就是_self
            _blank:用于在新的选项卡中跳转,也就是新建界面跳转

            a标签中还有一个属性,叫做title,a标签中的title和img标签中的title一样

            注意 1 a标签不仅可以让文字可以点击,也可以让图片被点击
                2 一定要有一个href属性,否则a标签不知道要跳转到什么地方
                3 如果通过a标签的href属性指定一个URL地址,
                   那么必须在地址前加上http://或者https://
                4 a标签的href属性除了可以指定一个网络地址以外,还可以指定一个本地的网页 -->

    </body>
</html>
### UniApp 开发 H5 项目时 `a` 标签的使用 在 UniApp 中开发 H5 应用程序时,`<a>` 标签用于创建超链接。尽管 `<a>` 标签HTML 的标准元素,在某些情况下可能会遇到跨平台兼容性问题或特定行为差异。 #### 基本语法 基本的 `<a>` 标签结构如下所示: ```html <a href="https://example.com">访问 Example</a> ``` 此代码片段会创建个指向指定 URL 的可点击链接[^1]。 #### 属性详解 - **href**: 定义跳转的目标地址。 ```html <a href="/about-us">关于我们页面</a> ``` - **target**: 控制链接是在当前窗口还是新窗口打开,默认为空字符串表示在同框架内加载;"_blank" 表示在个新的浏览器标签页中打开链接。 ```html <!-- 新开标签 --> <a href="http://www.example.com" target="_blank">外部网站</a> ``` - **download**: 提供下载文件的功能,当设置该属性后,用户点击链接将会触发文件下载而不是导航至目标URL。 ```html <a href="./files/document.pdf" download>下载 PDF 文件</a> ``` 对于更复杂的场景,比如处理不同平台下的 WebView 组件的行为致性问题,则需要注意些特殊的配置选项以及可能存在的局限性[^2]。 例如,在 APP 和 H5 平台之间切换时可能出现的身份验证状态同步难题,这通常涉及到 cookie 或者 session 存储机制的不同实现方式。为了确保最佳用户体验并解决这些问题,建议采用统的身份认证服务或者通过 API 接口管理用户的登录态。 另外值得注意的是,如果希望在视频播放器上方叠加其他 UI 元素(如按钮),则需特别注意层级关系调整,因为默认情况下原生 `<video>` 标签的内容会被渲染于最顶层[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值