HTML5
  • 谈谈HTML中锚点及其使用

    概念a元素(或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,a元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有a元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接【推荐:html文档】[注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮、链接等)属性hrefhref属性表示地址,共包括以下3种:1、链接地址ahref=http://www.baidu.com百度/a2、下载地址ahref=test.zip下载测试/a3、锚点(1)href:#id名ahref=#test目录/a
    brbrbrbrbrbrbrbrbrbr

    2021-01-24 0 0 0 0
  • 内联元素和块状元素的区别

    html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。内联元素在html中,span、em、a、p等标签是典型的内联元素。当然块状元素也可以通过设置display:inline;显示为内联元素,从而使块级元素具有内联元素的特点。【推荐:html文档】div{
    display:inline;
    }
    ...
    div我要变成内联元素!/div内联元素的特点:1、和其他元素在同一行上,不独占一行;2、元素的高度、宽度及顶部底部边距不可设置;(ps:内联元素的顶部底部边距margin-top及margin-bottom属性不起作用,而margin-left及margin-ri

    2021-01-24 0 0 0 0
  • HTML的10个最佳实践

    2021-01-20 0 0 0 0
  • 10个实用的 ES6 方法

    毫无疑问,JavaScript 是Web开发中最流行的编程语言之一。 无论使用的是 React,Vue 还是Angular,都只是 JavaScript。 JS围绕着广阔而至关重要的生态系统发展,提供了无数的框架和库,可帮助我们更快地开发应用程序。但是有时候最好退一步,尝试了解如何在没有使用库的情况下做事。 看看下面的代码片段,它们以优雅的方式解决了简单的问题,在日常项目也很实用,所以记好笔记,当遇到问题时就可直接来用使用。1.字符串反转在此示例中,我们使用展开运算符,Array的reverse方法和 String 的join方法来反转给定的字符串。constreverseStrin

    2021-01-14 0 0 0 0
  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed
    liC/li
    liB/li
    liA/li
    /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2021-01-14 0 0 0 0
  • HTML/CSS实现逆序列表(列表编号倒序)

    我正在做一个项目,其中有一个倒序的列表。列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的)。网上做了一些研究,找到了一些有趣的解决办法,有些很好,有些就不那么好了。最终结果类似如下:CBA接着,我们来看看有哪些实现的方式。HTML中的reversed属性简单,最直接的解决方案是HTML中的reversed属性。olreversed
    liC/li
    liB/li
    liA/li
    /olreversed属性是一个布尔属性,reversed属性规定列表顺序为降序 (9, 8, 7...),而不是升序 (1, 2, 3...)。reversed属性除了 IE 大多数的

    2020-11-21 0 0 0 0
  • 实现图片懒加载的几种方法

    懒加载就是延时加载,即当对象需要用到的时候再去加载。本文就来为大家介绍几种实现图片懒加载的方法,希望对大家有一定的帮助。懒加载,顾名思义,在当前网页,滑动页面到能看到图片的时候再加载图片故问题拆分成两个:如何判断图片出现在了当前视口 (即如何判断我们能够看到图片)如何控制图片的加载方案一如何判断图片出现在了当前视口clientTop,offsetTop,clientHeight以及scrollTop各种关于图片的高度作比对这些高度都代表了什么意思?这我以前有可能是知道的,那时候我比较单纯,喜欢死磕。我现在想通了,背不过的东西就不要背了

    2020-10-29 0 0 0 0
  • 聊聊有趣的HTML5 Canvas!

    Canvas 是 HTML5 提供的一个用于展示绘图效果的标签. Canvas 原意为画布, 在 HTML 页面中用于展示绘图效果. 最早 Canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现。canvas 的使用领域游戏大数据可视化数据banner 广告多媒体模拟仿真远程操作图形编辑判断浏览器是否支持 canvas 标签varcanvas=document.getElementById('canvas')
    if(canvas.getContext){
    console.log('你的浏览器支持Canvas!')
    }else{
    console.log('你的浏览器不支持Canvas!')
    }canvas 的基本用法1、使用 canvas 标签, 即可在页面

    2020-10-27 0 0 0 0
  • 7个提升网页SVG文件可访问性的方案

    SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。本文就来为大家介绍7个提升网页SVG文件可访问性的方案。1、作为图片使用的 SVG 文件如果你的 SVG 是作为img的 src 引入的,务必为img添加role=img属性:imgsrc=https://s3-us-west-2.amazonaws.com/s.cdpn.io/163671/sa_logo.svg
    role=imgalt=SimplyAccessible

    ahref=#
    imgsrc=https://s3-us-west-2.amazonaws.com/s.cdpn.io/163671/sa_logo.svg
    role=imgalt=SimplyAccessible
    /a如果不加role=img,有些屏幕阅读器不会将img src=xxx.svg认

    2020-10-22 0 0 0 0
  • 先建立css还是html?

    很多朋友都有自己的习惯,有的人喜欢先写CSS,有的人喜欢先写HTML,那么网页布局最科学的写法流程是什么呢?对于一个新手而言,在有了一点html知识之后,对于CSS、DIV都感觉特别的疑惑,不知道这其中到底是什么联系?为什么用了CSS的网页不能像其它代码一样直观?html和css哪个先写?其实这些问题在我看完教程,但还没真正上手实践时的疑惑!等真正上手自己做时,我才发现应该是两者同时写!下面我们就来看一下写网页的流程:1、把站点建好,目录建好,比如建好文件夹css,images这两个是最其本的,然后新建一个.html空文件,一个.css空样式表,

    2020-10-21 0 0 0 0
共有8页首页上一页12345678下一页尾页
.
更多

1589982338979126.png


ots网络社区

www.ots-sec.cn

联系方式
更多

投稿邮箱:1481840992@qq.com

交流群2群:622534175

ots网络社区3群:1078548359

关注我们
更多
技术支持: 建站ABC | 管理登录