erciyuan_nuonuo的博客

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的，<br> <hr>都是没有关闭标签的空元素。目前HTML支持不带关闭的空元素，但在 XHTML、XML 以及未来版本的 HTML中，所有元素都必须被关闭。 在开始标签中添加斜杠，比如 “<br />”，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。 即使它们在所有浏览器中都是有效的，但使用 <br /

英文定义为：“anchor”，所以翻译为“锚点”，“锚”可以理解成船上的锚，船把锚沉在水底泥土里， 船在水上漂移后，一拉锚的锁链就会回到抛锚的位置。（借用知乎网友描述）锚点的标记可以通过id和name来创建，并未仅限于标签a 链接到锚点标记位置有两种方法：一种是利用超链接标签<a></a>制作锚点链接，主要用于页面内访问 <a href="#test1">测试锚点一</a> <a href=

截断方式可以通过js逻辑实现，也可以通过CSS样式实现，使用js逻辑实现难免会使代码变的复杂，而且不容易复用，推荐使用CSS实现文本截断，而且可以在不同的HTML片段中使用。 CSS截断显示内容主要通过white-space，overflow，text-overflow三个属性实现。HTML:<div class="hello substr"> hello world!<div>CSS:

二者详细的使用方法不再做介绍，可以在w3c查阅二者返回的都是NodeList对象，querySelectorAll不是实时的，而getElementByTagName是实时的。实时： 假设在一个没有<div>的文档中调用getElementByTagName('div'),此时返回的是一个长度为0的NodeList对象，如果在文档中插入一个<div>元素，此元素将自动成为NodeList的一个成员

base是html5的标签，它的href 属性规定页面中所有相对链接的基准 URL,target属性定义整个文件中的所有跳转的属性，包括<a> <img> <link> <form>等等href设置，此处拿标签a举例，<a>中href设置高于base的设置，如果<a>中有设置就用<a>的，如果没设置，就去base里寻找，所以点击test会跳转到https://www.test.com/123，点击t

最近项目上用到了很多svg图，设计师经常频繁改版，苦不堪言，于是就想到了把图片转成字体库来使用。使用图片的缺点： 1. 图片加载速度慢 2. 图片大小固定，无法调节 3. 当代码重构或者图片目录位置改变时，需要一个个修改，繁琐而且容易出错 字体库优点 1. 字体不会因缩放而失真（这根制作字体的图片有很大关系） 2. 使用方便，灵活，不受代码重构或者文件位置移动影响 3. 文字效果可以很

一些滚动条是通过mousemove和mouseup实现的鼠标按下时通过mousemove事件控制滑动鼠标弹起时通过mouseup事件取消滑动但是发现有时鼠标弹起时并没有出发mouseup事件，这是因为此时drag事件屏蔽了mouseup事件，可以通过 ondragstart="return false"屏蔽掉drag事件