XHTML经验 - 技术经验

HTML基础详解(上)_HTML/Xhtml

1、认识WEB 网页主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。浏览器是网页显示、运行的平台。浏览器内核(排版引擎、解释引擎、渲染引擎) 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 ...[2021/10/19]

HTML基础详解（下）_HTML/Xhtml

1、列表列表ul容器里面装载着结构，样式一致的文字或图表的一种形式，叫列表。列表最大的特点就是整齐、整洁、有序，跟表格类似，但是它可组合自由度会更高。 1. 无序列表 ul < ul></ ul>中只能嵌套< li><...[2021/10/19]

关于HTML编码导致的乱码问题_HTML/Xhtml

今天一个学弟问了一个问题，它写的HTML代码打开显示的是乱码。然后就给我发来了代码。就一个HTML文件和一个文件夹，打开一看，很简单的代码。 <!DOCTYPE html> <html lang=""> <head...[2021/9/6]

dns-prefetch是什么前端优化:DNS预解析提升页面速度_HTML/Xhtml

目录诞生背景一、什么是dns-prefetch？二、如何设置dns-prefetch？三、DNS Prefetching预解析实现原理与注意事项四、典型案例五、DNS Prefetch 过程诞生背景 Dns请求虽然占用了很少的带宽，但会有很高的延迟，由其以移动网络会更加明显。通过dns预解析技...[2021/8/9]

html输入两个数实现加减乘除功能_HTML/Xhtml

一、parseFloat() 函数在网页中制作一个简单的计算器，在文本框输入两个数，能够实现两个数的加减乘除。 parseFloat() 函数可解析一个字符串，并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止...[2021/7/5]

html中显示特殊符号(附带特殊字符对应表)_HTML/Xhtml

问题重现在使用html进行编辑的时候，特殊符号往往会显示错误，极端情况下更可能导致网页崩溃。如下面这段代码： <table> <tr> <td> 中_国_人 </td> </tr> </table>...[2021/6/28]

关于html选择框创建占位符的问题_HTML/Xhtml

我在文本输入中使用占位符，效果很好。但我也想为我的选择框使用一个占位符。当然，我可以使用以下代码： <select> <option value="">Select your option</option> &...[2021/6/15]

HTML中的表单Form实现居中效果_HTML/Xhtml

之前碰到一个作业，给了一张图片，让按照图片样式做一个表单，但在所有功能都实现后，发现无法让表单居中，一直缩在左上角，看起来很难看。在经过了各种修改后，终于成功将表单居中，下面分享一下我所经历过程中的错误与最终结果。（因为做这部分作业的时候还没有学 c ，所以没用） 1、刚做出来的样子 ...[2021/5/31]

HTML+VUE分页实现炫酷物联网大屏功能_HTML/Xhtml

效果 demo.html <html> <head> <meta charset="UTF-8"> <title>数据大屏</title> <link rel=&quo...[2021/5/31]

HTML通过表单实现酒店筛选功能_HTML/Xhtml

<!doctype html> <html xmlns="http: www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" ...[2021/5/24]

HTML中table表格拆分合并(colspan、rowspan)_HTML/Xhtml

代码演示横向合并： <!DOCTYPE html PUBLIC "- W3C DTD HTML 4.01 Transitional EN" "http: www.w3.org/TR/html4/loose.dtd"> <ht...[2021/4/12]

html实现随机点名器的示例代码_HTML/Xhtml

此点名器开始点名后需点击停止按钮完成点名，因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存，适合小范围点名使用，有大量需求可自己适当改进。 <head> <meta charset="UTF-8"> <me...[2021/4/6]

如何弹出QQ临时对话框实现不添加好友在线交谈效果_HTML/Xhtml

其实这个很简单，在img我们加入一个a标签，然后 <a href=''tencent: me age/?uin=QQ号码&Site=网站地址&Menu=yes''></a> 2013-4-16补充：其实这么写有一个弊端，那就是如果对方不...[2021/3/29]

Html分层的box-shadow效果的示例代码_HTML/Xhtml

先上图：今天我们做这个效果！其实也没什么，就是分享一下大家在做网页的时候经常会遇到要做导航栏之类的，可能会觉得自己的导航栏总是少了点立体的感觉，今天我们就来看看！ <!DOCTYPE html> <html> <he...[2021/3/29]

html滑动仿悬浮球菜单效果的实现_HTML/Xhtml

c 样式 html,body{ width: 100%; height: 100%; margin: 0;padding: 0; } /*导航图标*/ .NMH-g-navicon{ position: fixed; top: 40%; right: ...[2021/3/8]

HTML 拖拉功能的实现代码_HTML/Xhtml

基于 vue 此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与顶边距，不同的的样式定位方式有不同的解决方案本方案采用position: absolute定位方式的解决方案 c 样式的核心代码父容器核心样式 width:...[2021/3/1]

html列表框、文本域、文件域的示例代码_HTML/Xhtml

下拉框、文本域、文件域上为演示效果下为代码 <form method="get" action="result.html"> <!--input:输入框标签，默认为text，文本框 name:为该输...[2021/3/1]

HTML页面缩小后显示滚动条的示例代码_HTML/Xhtml

这里记录一下如何使得HTML页面缩小之后，底部出现滚动条，使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方。说一下这样做的好处。首先，一般界面缩小之后不出现滚动条，用户就不能访问被隐藏的地方，必须使得界面变大才可以。其次，有些界面由于相对或者绝对的布局，随着界面的变小，会出...[2021/3/1]

在HTML中限制input 输入框只能输入纯数字的实现_HTML/Xhtml

限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/[^\d]/g,'''')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、oncha...[2021/2/1]

html转pdf截图保存功能的实现_HTML/Xhtml

使用技术 itext.jar : 将byte文件输入流转换为图片，pdf等 html2canvas.js ：将html页面区域截图为base64编码的图片资源 java+js 1. 准备资源 itext.jar www.baidu.com html...[2020/12/22]

一分钟带你体验html+vue+element-ui的丝滑_HTML/Xhtml

技术迷 html 网页，你指定知道 vue 尤尤开发的前端框架 element 外卖团队的前端ui 在你的网页的<title>标签下添加  <link rel="styleshe...[2020/12/22]

html中使用vue-router的示例代码_HTML/Xhtml

引入vue和vue-router <script src="https: unpkg.com/vue/dist/vue.js">< cript> <script src="https: unpkg.com/vue-route...[2020/12/14]

HTML表格跨行跨列操作(rowspan、colspan)_HTML/Xhtml

一般使用<td>元素的colspan属性来实现单元格跨列操作，使用<td>元素的rowspan属性来实现单元格的跨行操作。 colspan属性规定单元格可横跨的列数，所有浏览器都支持colspan属性。其取值为number，如下图所示：例如： &...[2020/12/14]

使用html2canvas对有百度地图的Dom元素处理成图片的解决_HTML/Xhtml

问题1：百度地图应用的是瓦片式图片（地图是一张张图片拼出来的），html2canvas 处理时，遇到非同一域名下的图片，浏览器会显示跨域的报错，也无法用反向代理来解决，因为瓦片图片的域名不确定，无法指定 proxy_pa 解决：使用百度地图静态图处理（ http: lbsyun.baidu....[2019/10/14]

viewport 的基本原理以及详细使用方法_HTML/Xhtml

一.viewport的概要移动端浏览器通常都在一个比屏幕更宽的虚拟窗口中渲染页面，这个虚拟窗口就是viewport，目的是正常展示没有做移动端适配的网页，可以让他们完整的展现给用户。我们有时用移动设备访问桌面版网页就会看到一个横向滚动条，这里可显示区域的宽度就是viewport的宽度。 ...[2019/10/8]

浅谈HTML中src和href之间的区别_HTML/Xhtml

简单来说 src 就是 “我想加载这个资源”，而 href 就是 “我想和这个资源建立关联” src 主要用于元素替换，href 用于和相关文档和外部资源建立相关链接。 href 属性说明本地Web资源和定义的资源建立了链接。如： ...[2019/9/18]

HTML6实现折叠菜单与手风琴菜单的实例代码_HTML/Xhtml

页面主体部分： <body> <ul id="menu"> <li> <a href="#">一级菜单1</a> ...[2019/8/29]

HTML中的if判断用法_HTML/Xhtml

在django的web开发过程中，编写html时，从后端传入同名列表变量，但是内容格式有所区别，需要分别判断，查阅了很多文章试了好几种方法，格式似乎都不太对（本人没有系统学习过前端，基本都是照葫芦画瓢）后来找到django框架下html的if用法形式大致如下 &nb...[2019/8/22]

html中常用的转义字符总结_HTML/Xhtml

html中常用的转义字符总结，具体内容如下所示：  　　不断行的空格 &ensp;　　半方大的空格 &emsp;　全方大的空格 <　　　小于 < >　　　大于 > &am...[2019/8/21]

详解html的几种水平垂直居中的方式（基础）_HTML/Xhtml

前言我们在编写马过程中，想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。第一种方法   <div cla ="Centere...[2019/8/21]

详解HTML中的图片标签的用法_HTML/Xhtml

在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百度蜘蛛可以知道你这个图片是个什么东西，或者说，...[2019/7/22]

HTML中button标签点击实现页面跳转的三种方法_HTML/Xhtml

方法1：使用onclick事件 <input type="button" value="按钮" onclick="javascrtpt:window.location.href=''http: www.baidu.com/''&...[2019/6/3]

Markodwn 标题对齐的同步滚动实现思路详解_HTML/Xhtml

前言需要给正在写的Markodwn编辑器加上同步滚动的功能，百度了一通，没找到比较好的思路。就自己写了一个。 Github上是写好的库，和更直观的Demo。 Github 这篇文章主要讲的是实现的思路。介绍同步滚动的实现方式有很多种。简单粗暴的就直接让 HTMLEle...[2019/4/30]

HTML实现检测输入已完成功能_HTML/Xhtml

使用"onInput(event)"检测是否在输入使用onporpertychange="onChange(event)"检测是否内容发生改变使用onBlur="finnishInput(event)"检...[2019/4/16]

HTML检测输入已完成自动填写下一个内容的实现方法_HTML/Xhtml

在上一个文章中简易实现检测输入已完成，我们实现了检测输入已完成，现在我们再进一步，在此基础上，实现检测输入已完成自动填写下一个内容。当我们需要自动填写的内容，不希望被更改的时候，需要加上readonly属性。功能需求填写报销单据的时候只需填写出差天数自动计算出差补贴金额代码...[2019/4/16]

详解Html页面中内容禁止选择、复制、右键的实现方法_HTML/Xhtml

有的时候，我们不希望自己网页中所呈现的内容不被别有用心盗取，就需要在网页中加上一个禁止复制的功能，而一般的浏览器在禁止复制后还可以用复制为纯文本，并不能完全杜绝此问题，此时就需要我们在页面中完全禁止右键和复制。实现起来其实很简单，只需要在网页中加入以下标签(注意是紧随body后)： ...[2019/1/14]

HTML页面局部刷新的实现代码_HTML/Xhtml

事件响应刷新：有请求才会刷新 1、通过JS HTML DOM或jQuery获取HTML元素，通过DOM方法或jQuery方法监听页面事件，获取用户请求； 2、通过Ajax将用户请求提交至服务器，服务器处理后返回结果，再由Ajax接收数据； 3、通过DOM方法或jQuery方法将数据载入...[2019/1/7]

html做表格只显示表格的外边框_HTML/Xhtml

我想问一个在dreamweaver中，我弄了一个登陆的表格，（包括登陆、注册、忘记密码）三行一列，我像只显示表格的外边框，怎么用代码实现 <table width=”200″ border=”0″ style=”bord...[2018/12/24]

Html读取本地文件夹下图片并显示的示例代码_HTML/Xhtml

一目的在Html上选择本地文件夹，自动读取文件夹及子文件夹下的所有图片并显示在页面。技术分析：存在问题 Html中file标签获取到的路径时相对的。 Html中Img指定源时需要的是绝对路径。解决方法：调用Web API接口FileR...[2018/12/14]

HTML实现2列布局(左侧宽度固定，右侧自适应)的方法示例_HTML/Xhtml

HTML实现2列布局，左侧宽度固定，右侧自适应实现一： <style> body, html{padding:0; margin:0;} 根据CSS定位，利用浮动或绝对定位，使左侧的块元素脱离常规文档流,可以与右边块元素并列 div:...[2018/12/12]

使用HTML截图并保存为本地图片的实现代码_HTML/Xhtml

具体代码如下所示： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>h...[2018/11/15]

html中表单提交的实现_HTML/Xhtml

表单提交代码 1、源代码分析 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...[2018/11/8]

HTML 使用表单标签实现注册页面的实例代码_HTML/Xhtml

案例说明：　　　　　　　- 使用表格实现页面效果　　　　- 超链接不想要有效果，使用href="#" 　　　　- 如果表格里面的单元格没有内容，使用空格作为占位符   　　　　- 使用图片标签提交表单 <inpu...[2018/11/1]

详解html头标签的使用 _HTML/Xhtml

　HTML两部分组成 head和body 　　　　** 在head里面的标签就是头标签　　　　　　** title标签：表示在标签上显示的内容　　　　　　** meta标签：设置页面的一些相关内容（用的比较少）　　　　　　　　<meta name="keywo...[2018/11/1]

HTML高亮关键字的完美解决方案_HTML/Xhtml

最近做项目遇到这样的一个功能：在网页中高亮关键字。本以为一个 innerHTML replace 就能实现的简单操作，却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法，希望能对有同样遭遇的小伙伴有所帮助。只对结果感兴趣的，忽略过程，直接跳过看结果吧~ 常用做法：正则替换 ...[2018/10/24]