HTML - 分享生活和学习中的点点滴滴

前端技术 2023/08/31 HTML

在html 5中，可以设置当页面加载时，自动焦点到达某个控件中，这个就是autofocus属性了，如下：复制代码代码如下: <input autofocus=\"autofocus\" /> <button autofocus=\"autof...

HTML表格布局实例讲解

前端技术 2023/08/31 HTML

HTML 文档中的元素是一个接着一个排列的，只是简单地在在块级元素的前后加上拆行，是一种流水布局。但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 <div> 或表格（&...

前端技术 2023/08/31 HTML

将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align=\"absmiddle\"属性，这个方法似乎的确可行，但是不符合HTML标准。后来无意中发现同时给inpu...

前端技术 2023/09/01 HTML

SVG支持的蒙板 SVG支持多种蒙板特效，使用这些特性，我们可以做出很多很炫的效果。至于中文中把mask叫做\"蒙板\"还是\"遮罩\"就不去区分了，这里都叫做蒙板吧。 SVG支持的蒙板类型： 1. 裁剪路径(cliping path) 裁剪路径是由path, text或者基...

HTML中的超链接标签使用教程

前端技术 2023/09/01 HTML

网站的各个HTML文档通过超链接的方式相互连接在一起，形成一个连贯的网站。用户可以通过点击超链接跳转到自己希望浏览的页面中。因此超链接在任何一个网站中都可以看到，是串联网站形成整体的核心组成部分。锚点的布置HTML超链接以<a>标签作为锚点进行触发，锚点需要有一个...

不可不知的HTML优化技巧

前端技术 2023/09/01 HTML

如何提升Web页面的性能，很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置，文件压缩或是调整CSS。很显然HTML 已经达到了一个瓶颈，尽管它是开发Web 界面必备的核心语言。HTML页面的负载也是越来越重。大多数页面平均需要40K的空间,像一些大型网...

html meta viewport属性说明

前端技术 2023/09/01 HTML

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的...

前端技术 2023/09/01 HTML

HTML5火的正热，最近有个想法也是要用到HTML的相关功能，所以也要好好学习一把。好好看了一下Canvas的功能，感觉HTML5在客户端交互的功能性越来越强了，今天看了一下Canvas绘图，下边是几个实例，记下以备后用。 1、使用Canvas绘制直线： XML/HT...

前端技术 2023/09/01 HTML

12个不为大家熟知的HTML5设计小技巧，内容如下 1、交互上，慎用向右滑动的操作方式。如：刮刮乐涂抹效果，左右滑动翻页等。原因：苹果手机上，向右滑动容易触发返回“上一级页面”效果。 2、交互上，慎用横屏展示效果。原因：体验上，需要用户设备开启屏幕旋转功...

前端技术 2023/09/01 HTML

首先要知道html标签的一些特点： 1.类似“<关键字>”这样由尖括号包关键字组成，例如<html>,<div>…… 2.一般是成对出现的，由开始标签类似“<div>元素内容</div>”，左边标签一边叫开始标签，右边...

关闭

我的博客