HTML
文章平均质量分 66
u013063153
这个作者很懒,什么都没留下…
展开
-
HTML5新增标签 & oninput与onchange
新增基本标签article aside figcaption figure footer header hgroup mark nav section time keygen meter summaryheader与footer标签用于表示页面或者应用的头部和尾部。nav用于表示导航。可以使用section和article标签替代过度使用div,用这些标签来对页面进行内容划分,例如ar转载 2016-09-10 22:21:46 · 3136 阅读 · 0 评论 -
JavaScript cookie示例
function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1原创 2016-10-19 16:17:44 · 450 阅读 · 0 评论 -
HTML5 geolocation API的用法
Geolocation API用于将用户当前地理位置信息共享给信任的站点,这涉及用户的隐私安全问题,所以当一个站点需要获取用户的当前地理位置,浏览器会提示用户是“允许” or “拒绝”。先看看哪些浏览器支持Geolocation API:IE9.0+、FF3.5+、Safari5.0+、Chrome5.0+、Opera10.6+、IPhone3.0+、Android2.0+也就是说原创 2016-10-19 13:44:32 · 1344 阅读 · 0 评论 -
location.hash用法
假设当前的URL是 http://example.com:1234/test.htm#part2: document.write(location.hash);结果为:#part2location.hash就是获取或设置喵链接的。 当我们载入一个页面后,然后又去触发了一个AJAX请求去部分改变了页面上的内容,这个时候,你会发现,浏览 器其实并没有记录这两个原创 2016-10-19 10:11:18 · 3420 阅读 · 0 评论 -
前端开发面试题——HTML篇
原文地址:https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers前言只看问题点这里看全部问题和答案点这里本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识转载 2016-09-14 09:46:26 · 2503 阅读 · 0 评论 -
在HTML代码中做SEO
(1)h标签的使用,h1标签只能出现一次,它是当前页面的主标题,对蜘蛛的吸引力是最强的。(2)strong标签的使用,strong标签对关键词的强调作用仅次于h标签,用于加粗段落标题或是重点关键词。(3)网站SEO标题、和,这是SEO的重点。(4)链接关键词,站内丰富的超链接会方便蜘蛛爬行,体现网站的深度和广度,这点在SEO中至关重要。(5),这是针对网页中图片的,当然也可以写成。原创 2016-09-04 20:59:43 · 3538 阅读 · 0 评论 -
Ajax起步
Ajax的关键在于XMLHttpRequest对象,理解这个对象的例子如下: Ajax Apple Samsung IBM Press a button var buttons = document.getElementsBy原创 2016-09-04 13:17:34 · 339 阅读 · 0 评论 -
HTML5 history新特性pushState、replaceState
https://developer.mozilla.org/en/DOM/Manipulating_the_browser_historyDOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈。 1.History使用back(),forward(),和原创 2016-09-03 17:08:48 · 519 阅读 · 0 评论 -
HTML5无刷新修改Url,history pushState/replaceState
一、认识window.historywindow.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退,可以这么做:window.history.原创 2016-09-03 17:09:26 · 5674 阅读 · 0 评论 -
H5移动端知识点总结(四)
Flex布局兼容知识点总结假设父容器class为 box,子项目为item.旧版语法如下:一:定义容器的display属性。旧语法如下写法:.box { display: -moz-box; display: -webkit-box; display: box;}新版语法需要如下写:.box{ display: -webki转载 2016-09-13 13:02:13 · 500 阅读 · 0 评论 -
H5移动端知识点总结(三)
理解flex布局 我们传统的布局方式是基于在盒子模型下的,依赖于display属性的,position属性的或者是float属性的,但是在传统的布局上面并不好布局; 比如我们想让某个元素垂直居中的话,我们常见的会让其元素表现为表格形式,比如display:table-cell属性什么的,我们现在来学习下使用flex布局是非常方便的;目前的浏览器支持程度: IE10+,chrome21转载 2016-09-13 12:58:03 · 504 阅读 · 0 评论 -
H5移动端知识点总结(二)
box-sizing的理解及使用该属性是解决盒模型在不同的浏览器中表现不一致的问题。它有三个属性值分别是:content-box: 默认值(标准盒模型); width和height只包括内容的宽和高,不包括边框,内边距;比如如下div元素:boxcss如下:.box {width:200px;height:200px;padding:10px;border:1px solid #3转载 2016-09-13 12:41:05 · 390 阅读 · 0 评论 -
HTML块级元素和行级元素
1、块级元素 行级元素?块级(block)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度;④它可以容纳内联元素和其他块元素。内联(inline)元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变;④内联元素只能容纳文本或原创 2016-09-13 11:05:27 · 5269 阅读 · 2 评论 -
H5移动端知识点总结(一)
一、使用rem作为单位html { font-size: 100px; }@media(min-width: 320px) { html { font-size: 100px; } }@media(min-width: 360px) { html { font-size: 112.5px; } }@media(min-width: 400px) { html { font-size转载 2016-09-13 10:42:06 · 890 阅读 · 0 评论 -
input类型小结
一、文本类 Text,文本 Url,网络地址 Password,密码 Email,邮箱地址二、操作类 Checkbox ,复选框 Radio,单选框 File,上传文件 Number,数值 Range,百分百滑动条三、功能类 Button,按钮 Image,图片提交按钮原创 2016-09-26 10:15:23 · 1829 阅读 · 0 评论