随笔分类 - HTML
摘要:【29】html5新标签有哪些?canvassvgvideoaudio【01】article(IE8不支持)【01】details【02】aside(IE8不支持)【03】header(IE8不支持)【04】footer(IE8不支持)【06】nav(IE8不支持)【07】section【08】figure(IE8不支持)【09】figcaption(IE8不支持)【10】embed【11】add...
阅读全文
摘要:【06】前端需要注意哪些SEO01,合理的title,description,keywords。02,语义化的HTML代码。好处,让搜索引擎更好搜索。03,重要的HTML内容放前面。04,重要的内容,不要用JS输出。爬虫不会执行JS获取内容。05,少用iframe。搜索引擎不会抓取iframe的内容。06,图片加上alt和title。07,保证网站打开速度。**
阅读全文
摘要:【02】你是如何理解 HTML 语义化的 01,语义化,就是通过HTML标签来表示页面包含的信息。 02,其中有HTML标签的语义化和CSS命名的语义化。 03,HTML标签语义化的的含义是: 通过使用含有语义的标签(如h1~h6,aside)来表示文档结构。 04,CSS语义化的含义是: 为HTM
阅读全文
摘要:H5系列之History(必知必会) 目录 概念 兼容性 属性 方法 H5方法 概念 理解History Api的使用方式 目的是为了解决哪些问题 作用:ajax获取数据时,可以改变历史记录,从而可以使用浏览器的后退和前进。 【】 规范地址: http://www.w3.org/TR/html5/h
阅读全文
摘要:H5之地理位置必知必会 【02】概念 规范地址:http://www.w3.org/TR/geolocation-API/ HTML5 Geolocation(地理定位)用于定位用户的位置。 定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐
阅读全文
摘要:【02】拖放的整个过程-魔芋 01,创建2个元素,一个为拖放元素dragEle,一个是存放的元素targetEle。添加一些样式。 <div class="dragEle"> 我是可拖放的魔芋 </div> <div class="targetEle"> put place </div> 02,设置
阅读全文
摘要:【03】Html书写规范1、推荐使用html5的文档声明2、必须申明文档的编码charset,且与文件本身编码保持一致,推荐使用UTF-8编码3、title 不可缺少,控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。4、keywords很重要,关键词,针对SEO。注意: 5...
阅读全文
摘要:元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。——W3School必要属性属性值描述contentsometext定义与http-equiv或name属性相关的元信息可选属性...
阅读全文
摘要:HTMLhead头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head头部结构,移动端的meta元素,显得更为重要。了解每个标签的意义,写出满足自己需求的head头标签,是本文的目的。...
阅读全文
摘要:效果如下。 共有1022个<div>元素。 See the Pen wKvrMa by moyu (@MoYu1991) on CodePen.
阅读全文
摘要:效果图如下:(是用代码写的,而不是图片!)网上看到的代码。看了下,就是CSS的transform属性的应用。加上定位等。组合在一起形成图片。没什么难点,就是width,left等数据得根据HTML的标志图计算出来。也就是说,简单的几何图片都可以用代码写了。代码地址百度云盘:http://pan.ba...
阅读全文
摘要:HTMLCSS/* */javascript单行 //多行 /* */条件注释如果是IE6 如果不是IE如果小于IE 6如果小于或等于如果大于或等于
阅读全文
摘要:有时候设置高度百分比,没有效果。原因是父元素没有设置高度。父元素可以设置高度为具体的px。或是100%等百分比。这样子元素再能根据百分比来设置高度。
阅读全文
摘要:分享地址:http://yun.baidu.com/share/link?shareid=39230983&uk=1008683945 对于网络不好的人来说,离线文档更加方便。打开速度更快。但是,离线文档一般实时性不高。对实际内容有些滞后,推荐看实际网上说明文档。###《 W3School离线手册(...
阅读全文
摘要:1 2 3 4 5 最简单的菜单 6 20 21 22 23 24 25 一级导航26 27 二级导航28 二级导航29 30 三级导航31 ...
阅读全文
摘要:##url(data:image/png;base64,R0**) ----------所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些“小”的数据,可以在网页中直接嵌入,而不是从外部文件载入。例如对于img这个Tag,哪怕这个图片非常非常的小,小到只有一个 点,也是要从...
阅读全文
摘要:# 中国地图Div+CSS #----------****1. 设置省会城市的margin值。2. 然后,有些城市离得很近,要修改图标和文字的左右位置。3. 最后设置:CSS中绝对定位将图标放在合适的位置。完整代码demo:[http://yun.baidu.com/s/1pJvDnK3](http...
阅读全文
摘要:_margin和margin的区别_margin和margin的区别Question:margin:15px 300px 0px 100px; height:72px; width:188px; float:left; 以上的CSS样式由于用了float:left; 所以在IE5-IE6中他的mar...
阅读全文
摘要:【01】文件头部一般包含标题标签、标签、内联样式表及预定义脚本等。【02】标签在网页内容中不显示,但它的作用不容忽视。标签主要用于为搜索引擎robots定义页面主题信息,它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字;同时,它还可以设置页面,使其根据定义的时...
阅读全文
摘要:*****我的QQ号:1539832180。欢迎一起讨论学习。*****第一步:拿到设计图,先别急着切,先分析。因为切图不只是切图,设计不只是设计。你得考虑四方面的因素:1. 合理的切图,语义准确,注释明了。**写好注释是关键。2. 切图的同时更要考虑程序嵌套问题。因为你切完图的页面是交给程序员的,...
阅读全文