HTML
关注
分享
扫一扫
文章平均质量分 67
葉無聞
努力成为一名资深的技术大牛。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HTML图片映射（map area）
<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： <area class=type id＝Value href＝url alt＝text shape＝area-shape ...原创 2018-05-18 02:05:20 · 1299 阅读 · 0 评论 -
jQuery实现得评论模块
本模块可用于评论或留言，输入区模仿畅言，内容显示使用时间轴，以下是示例图。实现代码如下：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...原创 2019-04-12 16:10:56 · 1206 阅读 · 0 评论 -
input即时搜索提示
引自：input输入中文时，拼音在输入框内会触发input事件的问题。话不多说，代码贴上。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script src="../js/jquery-3.3.1.min.js"></scr...原创 2019-03-29 18:01:22 · 1015 阅读 · 0 评论 -
HTML中表格table学习总结
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 或者<th>标签定义），字母 td 指表格数据（table data），即数据单元格的内容，而标签th指表格表头（table head），即放置表项标题单元格的内容，单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。更复...原创 2018-11-28 18:07:37 · 1334 阅读 · 0 评论 -
谈一谈HTML中table、tr、td标签的width和height
一般我们利用HTML中table做表格式，经常会遇到table、tr、td标签的width和height问题，而有时候发现在对tr、td设置宽度或高度时没有效果，其实这就是表格标签的特殊性，他们几个互有联系，互有制约，例如table的宽度限制了tr的宽度，table的高度又受tr高度的影响等等。所以要解决这类问题，需要知道在设置table、tr、td的width和height上需要注意的问题，具体...原创 2018-11-30 19:03:43 · 11792 阅读 · 2 评论 -
简述reflow和repaint
一般，在页面开发时，不可避免地会发生repaint和reflow，除非是静态页面。从字面上理解repaint，它表示“重绘”，而reflow则是“回流”。他们的目的都是表现出新的页面样貌。一、repaint重绘repaint一般在改变 DOM 元素的视觉效果时触发，即不涉及任何排版布局的问题时触发，它主要针对的是某一dom元素的重新绘制。一般触发repaint的常见场景有以下几个：co...原创 2018-12-04 20:31:23 · 2349 阅读 · 0 评论 -
HTML5 新的表单属性
HTML5 的 <form> 和 <input>标签都添加了一些新属性。一、<form>新属性：1、autocomplete：属性规定 form 域应该拥有自动完成功能（详情看文章 关于form和input的autocomplete属性）2、novalidate;属性描述了 <input> 元素在表单提交时无需被验证。注意：在 Saf...原创 2018-11-23 15:34:48 · 812 阅读 · 0 评论 -
关于form与input的autocomplete属性
autcomplete属性规定 form 或 input 域应该拥有自动完成功能。也就是说以前提交的输入记录会在你点击了input域并获取焦点之后浏览器会自动将它们作为填入选项显示出来，它们存储在浏览器cookie下作为用户使用记录。在对于大部分浏览器来说默认情况下，autocomplete是自动开启的。当然对于一部分浏览器autocomplete默认是关闭的，所以需要时可以在form或者inpu...原创 2018-11-23 14:50:22 · 2013 阅读 · 2 评论 -
WebStorage和WebSQL
一、web Storage早期，本地存储使用的是cookie，但是由于cookie的大小及安全性能等方面的局限性衍生出了web存储。web存储的数据并不需要像cookie那般在每次请求中都与服务器交互，它将数据存储在本地。除此之外，它还也可以大量存储数据而不影响网站性能。客户端存储数据的两个对象为：localStorage和sessionStorage。两者使用的API都相同，常用的有...原创 2018-11-23 21:52:46 · 527 阅读 · 0 评论 -
HTML innerHTML 属性
innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容； 如：<div id="aa">这是内容</div> ， 我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容； 也可以对某对象插入内容，如 document.getElementById('abc').innerH...转载 2018-06-15 20:44:02 · 733 阅读 · 0 评论 -
多个HTML页面共同调用一段html代码
方法一、使用script方法：制作一个共用头部文件head.js或一个共用底部文件foot.js。如主页文件是mac.htm，调用头部或底部文件的方法是：在主页文件代码的开始位置和结束位置分别增加下面的代码:<script src=’head.js’>和<script src=’foot.js’>调用共同的网页头部或者网页底部，减少了每个页面都要编写头部或底部的复杂程度...原创 2018-06-14 11:39:25 · 19676 阅读 · 1 评论 -
浏览器内部工作原理
目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输...转载 2018-05-24 17:26:53 · 256 阅读 · 0 评论 -
html网页文件和CSS样式文件不在同一文件夹下的调用
html网页文件和CSS样式文件不在同一文件夹下的调用首先，介绍一下相对路径的的层次关系：相对路径的层级关系是这样的，同级目录用/或者什么也不写，上级目录用../，下级目录就用目录名/。举个例子吧，假如你的outer.html在你的web文件夹下。every.css和outer1.html在你的web文件夹下的css文件夹中，你的outer2.html在你的web文件夹下的files文件夹下，那么...原创 2018-05-24 01:09:22 · 13013 阅读 · 0 评论 -
HTML5 list属性使用例子
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>Examples</title&a原创 2018-05-23 23:43:43 · 1320 阅读 · 0 评论 -
HTML/CSS/JavaScript 是否区分大小写
1、HTML 大小写不敏感，不区分大小写，也就是说大小写都不影响。但根据W3C的规范写法，一般使用小写。2、CSS大小写不敏感，也不区分大小写。但根据W3C的规范写法，一般使用小写。3、JavaScript 对大小写非常敏感，一定要区分大小写。...原创 2018-05-26 10:56:04 · 14679 阅读 · 0 评论 -
HTML/CSS 长度单位 px和pt的区别
CSS长度单位 px和pt的区别先说一下基本概念：px就是表示pixel，像素，是屏幕上显示数据的最基本的点；而pt就是point，是印刷行业常用单位，等于1/72英寸。可以知道，px是一个点，它不是自然界的长度单位，谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”，由此可知像素点可以随着显示屏的分辨率的变大而变小，...原创 2018-05-26 00:13:41 · 9375 阅读 · 0 评论 -
详解DOM对象中clientWidth、offsetWidth等属性
我们有时需要获得鼠标在某盒子中的位置，或者是随意移动某盒子的位置，在这些场景中我们可能经常需要用到clientWidth、offsetWidth、offsetTop啊等等。但是对于初学者来说（包括我），看到这些就头疼，因为感觉意思都相近，但作用却不同，所以今天天我就来捋一捋，搞清楚，后面好干活。好吧，废话不多说，开始吧。先上一下示例代码，下面要用到。HTML: ...原创 2019-04-17 16:28:09 · 17002 阅读 · 0 评论