随笔分类 - 05-01. HTML
摘要：通常来说，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。不同设备上的浏览器的默认viewport的宽度也不一样。 为了更好的理解和应用viewport，可以把viewport细分一下。分别为（可见viewport，布局viewport，理想viewport） 理想vi
阅读全文
摘要：<script defer src="./xxxx.js" type="text/javascript"></script> 通常情况下，我们把 CSS 资源的导入放在页面头部，这样能保证 样式 和 DOM，同时渲染，提升用户体验。JS资源的导入放在页面的底部，应为JS通常是用来操作 DOM 的，需
阅读全文
摘要：<a href="">重新加载</a> <a href="#">回到顶部</a> <a href="javascript:;">禁止跳转</a> 跳到固定位置： 点击 a 标签，调到对应的模块。 <div id="gogou">京东秒杀</div> <div id="hhhh">特色优选</div>
阅读全文
摘要：在head标签中添加： <link rel="Bookmark" type="image/x-icon" href="b/img/icon/favicon.ico" /> <link rel="icon" type="image/x-icon" href="b/img/icon/favicon.ic
阅读全文
摘要：img <img src="abc.jpg" alt="加载失败时图像的替代文本" title="鼠标移上显示的提示文字" /> src 不写，或者等于空字符串( ="" )， 在 img 有宽高的情况下，会出现 一个小方框，或者是一张破碎的图片，表示加载失败。 设置 img 标签加载失败时的默认图
阅读全文
摘要：css解决 span 不能自动换行问题 在span的外围容器加上 word break: break all; 此样式即可使span显示自动换行！
阅读全文
摘要：简介 标签是 HTML5 中新定义的标签，它是一个画布标签，只是作为一个图形容器，必须使用脚本来绘制图形。 Canvas基本使用 1. <canvas> 标签 <canvas>只有两个可选属性：width, height, 如果不给宽高设定初始值时，则默认width为300，height为150，不
阅读全文
摘要：表格是html中经常使用到的，简单的使用可能很多人都没问题，但是更深入的了解的人恐怕不多，下面我们先来看一下如何使用。 <table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr>标示这
阅读全文
摘要：定义和用法 <textarea> 标签定义多行的文本输入控件。 文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。 注
阅读全文
摘要：DIV获取焦点（两种方法）： 需添加tabindex="0"或者contenteditable="true"属性 ①：设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如： <div contenteditable="true">11111111111111</div> ②：
阅读全文
摘要：能用 HTML 描述的效果都可以找到对应的 CSS 来表达 效果 HTML CSS 上划线 null text-decoration: overline 中划线 <del>￥59</del> text-decoration: line-through 下划线 <u>这是下划线</u> text-de
阅读全文
摘要：<form/> 表单 实例： 带有两个输入字段和一个提交按钮的 HTML 表单： <form action="demo_form.php" method="get"> First name: <input type="text" name="fname"><br> Last name: <input
阅读全文
摘要：场景： 需要在<input/>控制输入的内容为数字（包括小数点） inputOnChange = (value) { //只能输入 数字 或者 . value = value.replace(/[^0-9.]/g, "").trim() //value = value.includes(".") ?
阅读全文