Fork me on GitHub
魔芋铃

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

点击右上角即可分享
微信分享提示