html实践技巧

82 阅读1分钟
  • 批量删除的快捷方式: 用正则表达式批量快速删除 [21] 这种类似的字样

.*为正则表达式,选中需要修改的内容区域后,在输入框内输入 [\d+\ ] ,然后点击替换即可。

用完后记得取消正则表达式。

  • 多行同时编辑:

按住alt+左键点击需要修改的地方,实现多行同时编辑,编辑完了记得按ESC退出。

  • <nav></nav> 标签表示导航,也就是目录。 <nav> 标签里面可以放ol+li或者ul+li标签。

  • 用a标签加id的方法,可以用目录实现页面内部锚点(标签)跳转:

可以使用 <a href=#xxx/> 做到,在页面标签里面加上 id=xxx 即可实现跳转到xxx标签。

最下面的锚点一般不能到达页面顶部,可以通过添加额外的空白页做到。

添加图片千万不能让图片变形! 比例不对,需要用工具裁剪一下。

图片尽量不要超过300kb,超过太多则需要压缩。

一般需要给图片加 target=_blank 用来查看大图,添加完记得自己点一点,防止出错。

<div>
        <a href="images/1.jpg" target="_blank">
            <img width="400" src="images/1.jpg" alt="图一">
        </a>
</div>
  • 怎么兼容手机? 加上meta:vp和img max-width=100%;

meta:vp完整内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

用wifi调试,让手机和电脑处于同一个wifi,再hs -c-1给出的ip全部试试,其中有一个可以访问网页。