HTML

meta viewport标签的使用说明(手机浏览缩放控制)

现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone 那样支持viewport设置 。网页中有这么一句时,在iPhone的浏览器中将以原始大小显示,并不允许缩放。Google一下发现Opera Mobile9.5才能支持,不知1.0版本新固 件的OP浏览器能否支持。 »

了解HTTP Headers的方方面面 图文说明

什么是HTTP Headers HTTP是“Hypertext Transfer Protocol”的所写,整个万维网都在使用这种协议,几乎你在浏览器里看到的大部分内容都是通过http协议来传输的,比如这篇文章。 HTTP Headers是HTTP请求和相应的核心,它承载了关于客户端浏览器,请求页面,服务器等相关的信息。 示例 当你在浏览器地址栏里键入一个url,你的浏览器... »

Html页面支持暗黑模式的实现

自19年开始,Android和IOS平台,都开始玩暗黑模式。当然这没什么不好,但是当我们的页面被用户在暗黑模式打开之后,会被那传统大白色瞬间闪瞎双眼。 下面会简单的说一下如何让页面支持暗黑模式。 准备 其实,我们只是需要使用到css中的 prefers-color-scheme 媒体查询。 no-preference 表示用户未制定操作系统主题。作为布尔值时,为 false 输... »

HTML在透明输入框里添加图标的实现代码

HTML在透明输入框里添加图标的实现代码

最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意……话不多说,我们直接进入主题 :基本思路其实就把输入框与后面的图标一起放在一个div里面,然后将输入框的border设置为0px,最后设置div的border为最终的外边框我们最直接上代码:HTML: »

HTMl页面中返回顶部的几种实现小结

最近在开发网站需要制作返回顶部按钮,但是我主要为后端开发,对前端不太熟练,经过网上资料查询,制作出了返回顶部的按钮,下面是两种简单的方式,记录一下.喜欢本网站的朋友可以收藏下,会不定期更新学习资料. 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果. <!doctype html> <html lang="en"... »

解决vscode 中保存后html自动格式化的问题

最近几天更新了 vsCode 的版本,目前所用的版本号为:1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化,只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。总结到此这篇关于解决vscode 中保存后html自动格式化的问题的文章就介绍到这了,更多相关vscode html 格式化内容请搜索软件开发网以前的文章或继续浏览下面的相... »

HTMl中标签中li横向排列的实现示例

HTMl中标签中li横向排列的实现示例

  大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用<ul>标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。 1编写横向菜单的HTML代码架构 <ul id="menu"> <li><a href="http://www.baidu.com">Baid... »

html实现简单ListViews效果的实例代码

html实现简单ListViews效果 实现效果: css样式文件listviewTest.css body{ background: whitesmoke; } #mainContentDiv{ position: absolute; width : 70%; height :100%; background: whitesmoke; top: 10%; left: 10%; } .mainDi... »

HTMl 中marquee标签实现无缝滚动跑马灯效果

<marquee>标签,它是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 今天在做微... »

html符号转实体算法挑战

html符号转实体算法挑战

挑战: 将字符串中的字符 &、<、>、" (双引号), 以及 ’ (单引号)转换为它们对应的 HTML 实体。 如果你被卡住了,记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。 例如:            conve... »

html随意拖动内容位置的两种实现方式

测试:chrome v80.0.3987.122 正常 两种方式为:拖拽普通标签位置或拖拽canvas中的文本框位置 1. 实现鼠标拖动标签元素到任意位置 演示地址 css 代码 #range { position: relative; width: 600px; height: 400px; margin: 10px; background-color: rgb(133, 246, 250); ... »

html 打印相关操作与实现详解

原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印1: 利用 iframe 将需要打印的元素和样式注入 再调用打印// 示例代码function print () { let ifElement = document.getElementById('ifId') const addHt »

HTML中的块级、行级元素,特殊字符,嵌套规则

如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么? »

浅析html网页基本概念

什么是网页?html文档经过浏览器内核渲染后展示出来的页面(五大主流浏览器及四大内核) html文档文件名后缀是.html,之前存在的.htm是为支持DOM系统(目前织梦还是用.htm文件名结尾文件) 编码是我们通过代码的形式把想要展示的页面写到html文档里面,接着渲染作为一个动作,主要是html文档本身无法被人很好识别的,所以需要经过浏览器内核渲染展示为正常人看的页面,查看页面源代码快捷键是C... »

中文转换成html中的utf-8的方法

中文转换成html中的utf-8的方法

在HTML中,中文的“好好学习”可以表示为“好好学习” 在项目中,需要对接短信告警,短信告警返回数据要求是utf8的 后来继续沟通,才发现要的是html-utf8 的; 没有找到合适的golang工具包,涉及语言转码的包主要有 mahonia,支持各种格式的数据转换,gbk,utf8,gb2312 net/html,支持网页转码,改的是转换网页中的&... »

如何为element-ui的Select和Cascader添加弹层底部操作按钮

如下图这样把操作按钮放在 select 弹层底部是一种挺常见的设计方式 但是很遗憾 element-ui 没有给我们提供这个插槽,我们想实现这个功能只能重写组件或者等官方更新吗,答案当然是否定的! 花了一点时间通过一个函数实现这个功能,支持 el-select 和 el-cascader , 效果点击预览 其实逻辑很简单,把下面这段 html 插入到指定位置就行了 <ul class=&qu... »

如何用iframe套用对方网页数据而又保持兼容的实现方法

如何用iframe套用对方网页数据而又保持兼容的实现方法

下面是世纪天成调用腾讯跑跑卡丁车页面的代码,确实不错以前软件开发网小编也这么做过,需要用js什么的,特分享给大家参考。跑跑卡丁车-官方网站 -->纯html实现不用js,需要的朋友可以参考一下。如果效果不好可以参考软件开发网以前用js实现的。 »

Web前端矢量小图标的使用方法

前言 在写前端页面时,我们经常会用到一些小图标之类的图片,如果使用图片的话代码写起来比较麻烦,最近发现一个方便实用的方法,直接用就可以了。 一、引入图片操作方法 首先我们输入网址:https://www.iconfont.cn/ 记不住这个网址也可以百度搜索:阿里巴巴矢量图,就会出来这个网址; 以下我推荐两种比较常用也是比较方便的方法。 方法1:font-class引用 兼容性良好,支持ie8+,... »

HTML常用meta大全(推荐)

HTML常用meta大全(推荐)

Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。 Meta : 即 元数据(Metadata)是数据的数据信息。 元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。 用我们的大白话来说,它本身是一个没什么用的标签,但是一旦在它内部通过其他属性设置了某些效果,它就... »

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

简单来说 src 就是 “我想加载这个资源”,而 href 就是 “我想和这个资源建立关联”src 主要用于元素替换,href 用于和相关文档和外部资源建立相关链接。因此我们建议使用link标签,而不是@import去加载样式表。src 属性会嵌入相应的资源到当前页面。会加载JS的内容到script标签中。浏览器解析到img标签,会加载响应的图片放进... »

带有图片预览功能的上传表单的完整HTML

带有图片预览功能的上传表单,完整的HTML代码如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带有图片预览功能的上传表单jb51.net</title> &l... »

详解HTML的input 标签及其禁用方法

定义和用法<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。HTML 与 XHTML 之间的差异在 HTML 中,<input> 标签没有结束标签。在 XHTML 中,<input> 标签必须被正确地关闭。实例一个简单的 HTML 表单,包含两个文本输... »

angular ng-submit默认使用方法

在Firefox或IE中span无法确定宽度的解决方案

复制代码代码如下: <html xmlns=”http ://www.w3.org/1999/xhtml ” > <head> <title>Test Span</title> <mce:style type=”text/css”><!– span { background... »

angular ng-submit默认使用方法

HTML网页头部代码实例详解

知识点一:头部信息里设置网页的基底网址 基底网址的实质是统一设置超级链接的属性,基底网址标签是</base>,它有两个属性,href和_target。href用于设置基底网址的路径,_target用于设置超级链接的打开方式。 通过基底网址的添加,页面中所有的相对网站根目录地址可转换成绝对地址。当浏览器浏览页面时,通过<base>标记将相对网站跟目录地址附加在基底网址路径的后... »

angular ng-submit默认使用方法

改变HTML下拉框SELECT选项的多种方法

提交表单后返回的HTML页面重新渲染,SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 复制代码代码如下: <SELECT id=”idState” style=”width:150″ name=”state” selectedIndex=”$!{state}&... »

Page 1 of 50123»