html
关注
分享
扫一扫
碉堡飞哥
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
再探h5语义化
语义化：指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化），便于开发者阅读，维护和写出更优雅的代码的同时，让浏览器的爬虫和辅助技术更好的解析。用正确的标签做正确的事，语义化的意义：可访问性：帮助辅助技术更好的阅读和转译你的网页，利于无障碍阅读；可检索性：有了良好的结构和语义，可以提高搜索引擎的有效爬取，提高网站流量；国际化：全球只有13%的人口是英语母语使用者，因此通用...转载 2019-12-16 21:49:35 · 174 阅读 · 0 评论 -
(1)disabled只对button按钮有效,（2）纯js获取参数的方法
(1)设置按钮不可点击document.getElementById(“bt1”).disabled=ture;(2)设置按钮可点击document.getElementById(“bt1”).disabled=false;原创 2018-11-07 11:41:04 · 1557 阅读 · 0 评论 -
input输入框加入限制只能输入正整数，输入其他字符会自动清除
input输入框加入限制只能输入正整数，输入其他字符会自动清除：<input type="text" value="1" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" ...原创 2018-10-17 20:11:36 · 1888 阅读 · 0 评论 -
可移动悬浮按钮案例
可移动悬浮按钮案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div{原创 2018-10-12 11:32:57 · 1216 阅读 · 0 评论 -
iframe备忘（包含跨域）
https://blog.youkuaiyun.com/liuyan19891230/article/details/51003067https://www.cnblogs.com/BlingSun/p/7484237.htmlhttps://blog.youkuaiyun.com/TCF_JingFeng/article/details/80068113https://www.cnblogs.com/viva-y...原创 2018-10-01 01:35:56 · 165 阅读 · 0 评论 -
首页背景虚化
首页背景虚化//html <div class="index"></div> <div class="index2"> 111 </div>//css.index { position: fixed; width: 100%; he...原创 2018-09-03 15:11:08 · 1498 阅读 · 0 评论 -
让一个图片虚化
让一个图片虚化<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style type="text/css"> .content { color: #ffffff;原创 2018-09-03 13:51:45 · 683 阅读 · 0 评论 -
css 无消息时背景完全居中
//html<div> <img class="noImgView" src="../assets/noMessage.png" /> <div class="nomedication">暂时没有收到消息哦！</div></div>//css.noImgView{ pos原创 2018-08-30 10:21:18 · 175 阅读 · 0 评论 -
html是为长文件名的格式命名的。而htm是为了兼容过去的DOS命名格式存在的，在效果上没有区别的。
html是为长文件名的格式命名的。而htm是为了兼容过去的DOS命名格式存在的，在效果上没有区别的。转载 2018-08-25 23:22:44 · 252 阅读 · 0 评论 -
Emmet插件常用
可安装 Emmet插件 Emmet(前身是Zen Coding)，它可以极大的提高代码编写的效率，它提供了一种非常简练的语法规则，然后立刻生成对应的 HTML 结构或者 CSS 代码，同时还有多种实用的功能帮助进行前端开发。新建一个HTML文档，输入“!”或“html:5”，然后按Tab键： 即可生成基本html5结构基本语法： 1、生成后代元素：> 大于号表示后面...转载 2018-08-27 10:32:25 · 777 阅读 · 1 评论 -
Dom学习指南
W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点 每个 HTML 元素是元素节点HTML 元素内的文本是文本节点 每个 HTML 属性是属性节点 注释是注释节点HTML DOM 将 HTML 文档视作树结构。...转载 2018-08-16 15:25:36 · 313 阅读 · 0 评论 -
css js放置位置和原因
网站加载的整个完整过程。1.首先浏览器从服务器接收到html代码，然后开始解析html2.构建DOM树（根据html代码自顶向下进行构建），并且在同时构建渲染树3.遇到js文件加载执行，将阻塞DOM树的构建；遇到css文件，将阻塞渲染树的构建（script标签中的defer属性：构建DOM树的过程和js文件的加载异步（并行）进行，但是js文件执行需要在DOM树构建完成之后scr...转载 2018-08-16 14:47:12 · 343 阅读 · 0 评论 -
html单行（多行）超出省略并显示省略号，案例不能用回来砍我！
实例效果 html：&amp;lt;div class=&quot;ell1&quot;&amp;gt;1111111111111111111111111111111111111111111111111&amp;lt;/div&amp;gt;&amp;lt;div class=&quot;ell2&quot;&amp;gt;22222原创 2018-08-16 12:45:20 · 1084 阅读 · 1 评论 -
浏览器标准模式和怪异模式之间的区别是什么？
由于历史的原因，不同浏览器对页面的渲染是不同的，甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前，不同的浏览器在页面的渲染上没有同一的规范，产生了差异，即Quirks mode(怪异模式或兼容模式)；当W3C标准出台之后，不同浏览器对页面的渲染有了统一的标准,即Strict mode（标准模式或严格模式）；这就是两者之间的区别。W3C标准推出前，旧的页面都是根据旧的渲染方式对页面进行渲...转载 2018-08-14 00:20:11 · 151 阅读 · 0 评论 -
meta标签
相信在html5之前，很少人会关注html页面上head里标签元素的定义和应用场景，可能记得住的只有”title”、”keyword”和”description”这些meta在逐渐了解使用html新标准后，特别是移动页面的开发普及，可以看到html中这一块内容越来越重要为大家所认识，初次见到这些标签基本是摸不着头脑，今天就来梳理这些标签的定义(以html5标准展开)； 先来一个页面概括，he...转载 2018-08-15 14:25:09 · 262 阅读 · 0 评论 -
HTML5新特性，语义化
1、什么是HTML语义化？基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等> 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看； 用户体验：例...原创 2018-08-12 01:17:14 · 234 阅读 · 0 评论 -
使用data-的好处
data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询）。data-* 属性包括两部分： 语法 <element data-*="somevalue">...原创 2018-08-14 21:40:06 · 2165 阅读 · 0 评论 -
xhtml和html的区别
下面说一说HTML5和XHTML在语法上的区别吧。1、XHTML 要求正确嵌套 2、XHTML 所有元素必须关闭 3、 XHTML 区分大小写 4、 XHTML 属性值要用双引号 5、XHTML 用 id 属性代替 name 属性 6、XHTML 特殊字符的处理 ...原创 2018-08-14 21:20:50 · 248 阅读 · 0 评论