博客
关于我
web前端学习笔记(二)
阅读量:587 次
发布时间:2019-03-11

本文共 875 字,大约阅读时间需要 2 分钟。

web前端学习笔记

1. 锚点定位

通过创建锚点链接,用户能够快速定位到目标内容。

创建锚点链接分为两步:

  • 使用相应的id名标注跳转目标的位置。例如:\ PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    第2集

  • 使用 <a href="#id名">链接文本</a> 创建链接文本。例如:\ PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • 如上的示例,用户点击链接时将直接跳转至带有特定 id 的目标内容。

    2. base 标签

    base 标签用于设置页面链接的打开方式。基本用法如下:

      

    base 标签应放置于 head 标签之间。默认情况下,所有链接都支持通过 target="_blank" 属性以在新窗口打开。

    3. 预格式化文本

    <pre> 标签用于定义预格式化文本。内容被包围在 <pre> 标签中时,通常会保留空格和换行符,并以等宽字体显示。

    示例:

      此例演示如何使用 `
    ` 标签    对空行和空格进行控制

    如果需要对段落和换行进行整体控制,可以将 <pre> 标签与文本结合使用,但这比较少见。

    4. 特殊字符

    在 HTML 中,某些特殊字符需要通过实体转义来处理,以规避浏览器解析错误。常用的转义字符包括:

    • & 替换为 &amp;
    • < 替换为 &lt;
    • > 替换为 &gt;
    • " 替换为 &quot;
    • ' 保持不变

    对于日常使用的字符,尤其是空格和其他文本符号,直接使用通常不会导致问题。

    建议使用这样的字符格式:

    推荐:

    更多 >>

    更多   

    不推荐使用以下格式:

    更多 >>

    更多

    团队约定

    推荐格式

    • 使用空格替代多个空格格式
    • 在链接前面添加 &gt;&gt; 格式

    不推荐格式

    • 另一种空格格式
    • 添加多个空格

    通过遵循统一的格式规范,可以确保团队协作更高效。

    转载地址:http://cbftz.baihongyu.com/

    你可能感兴趣的文章
    Openlayers高级交互(14/20):汽车移动轨迹动画(开始、暂停、结束)
    查看>>
    Openlayers高级交互(15/20):显示海量多边形,10ms加载完成
    查看>>
    Openlayers高级交互(16/20):两个多边形的交集、差集、并集处理
    查看>>
    Openlayers高级交互(17/20):通过坐标显示多边形,计算出最大幅宽
    查看>>
    Openlayers高级交互(19/20): 地图上点击某处,列表中显示对应位置
    查看>>
    Openlayers高级交互(2/20):清除所有图层的有效方法
    查看>>
    Openlayers高级交互(3/20):动态添加 layer 到 layerGroup,并动态删除
    查看>>
    Openlayers高级交互(6/20):绘制某点,判断它是否在一个电子围栏内
    查看>>
    Openlayers高级交互(7/20):点击某点弹出窗口,自动播放视频
    查看>>
    Openlayers高级交互(8/20):选取feature,平移feature
    查看>>
    Openlayers:DMS-DD坐标形式互相转换
    查看>>
    openlayers:圆孔相机根据卫星经度、纬度、高度、半径比例推算绘制地面的拍摄的区域
    查看>>
    OpenLDAP(2.4.3x)服务器搭建及配置说明
    查看>>
    OpenLDAP编译安装及配置
    查看>>
    Openmax IL (二)Android多媒体编解码Component
    查看>>
    OpenMCU(一):STM32F407 FreeRTOS移植
    查看>>
    OpenMCU(三):STM32F103 FreeRTOS移植
    查看>>
    OpenMCU(三):STM32F103 FreeRTOS移植
    查看>>
    OpenMCU(二):GD32E23xx FreeRTOS移植
    查看>>
    OpenMCU(五):STM32F103时钟树初始化分析
    查看>>