随笔分类 -  HTML

HTML 5 胜出：XHTML2 宣告夭折
摘要：自HTML 5 和 XHTML 2规范草稿公布以来，一直存在很大的争议。HTML 5是由包括Google、Mirosoft、Mozilla、Opera、Apple在内多家浏览器厂商共同起草的下一代web规范。 阅读全文
posted @ 2016-01-13 15:59 爱好和平的阿道夫 阅读(651) 评论(0) 推荐(0)
html 图像映射（一个图像多个连接）
摘要：以前就见过那种导航地图，点击地图的不同省份分别跳到不同的连接，现在用html实现一下，简单的。图像映射是指一个图像可以建立多个连接，就是在图像上面定义多个区域，每个区域连接到不同的地址。效果如图：(可以直接分别点击四个人物头像试试！) 点击索隆，跳到索隆。点击索隆，跳到索隆。 1 2 3... 阅读全文
posted @ 2015-11-03 17:12 爱好和平的阿道夫 阅读(628) 评论(0) 推荐(0)
前端工程师需要明白的「像素」
摘要：场景：人物：前端实习生「阿树」与 切图工程师「玉凤」 事件：设计师出设计稿，前端实现页面玉凤：树，设计稿发给你啦，差那么点像素，就叼死你┏( ￣へ￣)=☞ 阿树：~(>_ 阅读全文
posted @ 2015-11-02 20:31 爱好和平的阿道夫 阅读(293) 评论(0) 推荐(0)
关于使用 no-js (Modernizr)
摘要：最近有些朋友问到：为什么我的网页 code 有class="no-js"？其实，这个no-js是配合Modernizr一起使用的类名（class）Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the... 阅读全文
posted @ 2015-10-22 20:23 爱好和平的阿道夫 阅读(599) 评论(0) 推荐(0)
HTML的内联元素换行问题
摘要：一般a、span、label多个组合，需要换行时，使用以下CSS来处理：1 white-space: nowrap;2 display: inline-block; 阅读全文
posted @ 2015-05-18 21:39 爱好和平的阿道夫 阅读(794) 评论(0) 推荐(0)
HTML中head头结构
摘要：HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的meta 元素，显得更为重要。了解每个标签的意义，写出满足自己需求的head 头标签，是本文的目的。本篇以一丝的文章为基础，进行扩展总结介绍常用的head中各个标签、元素的意义以及使用场景。... 阅读全文
posted @ 2015-05-18 21:19 爱好和平的阿道夫 阅读(222) 评论(0) 推荐(0)
开始使用 Markdown
摘要：(Xee:我最近感觉nyfedit打开有点慢，数据库有点大，试想着用一些其他的方式记录一下学习的过程，才想起了遗忘了很长时间的Markdown,将其分类在HTML下，也是我原本意愿的...) 本文面向不了解 markdown 或刚准备上手的同学。 它是什么 首先，什么是 markdown？我们可以直接看一下 WIKI……不过 wiki 很长，让人没有耐心读下去。那么，简单来说，mar... 阅读全文
posted @ 2014-12-19 22:25 爱好和平的阿道夫 阅读(285) 评论(0) 推荐(0)
Html书写规范
摘要：1、推荐使用html5的文档声明 2、必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码 3、title 不可缺少，控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。 4、keywords很重要，关键词，针对SEO。 注意： 5个左右,单个8汉字以内；禁忌堆砌，与网站主题无关。 5、description... 阅读全文
posted @ 2014-11-07 20:07 爱好和平的阿道夫 阅读(450) 评论(0) 推荐(0)
在表单（input）中id和name的区别
摘要：但是name在以下用途是不能替代的： 1. 表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得到数据的。 2. 用于frame和window的目标名字name,用于在其他f... 阅读全文
posted @ 2014-10-24 10:58 爱好和平的阿道夫 阅读(363) 评论(0) 推荐(0)
IE6 Must Die
摘要：最近 Twitter 上很多人在推一个名为 IE6 Must Die 的活动, 参与的朋友可以通过头像转换服务在自己的头像上加上一个禁止 IE6 的图标, 很是拉风. Internet Explorer 6 是曾经浏览器的霸主, 击垮 Netscape 并最终占据 95% 的浏览器市场. 但如今已经功能性能落后, 还需要特殊照顾, 被称为阻碍网络技术向前发展的障碍. 为了推动 IE6 的灭亡,... 阅读全文
posted @ 2014-09-03 11:33 爱好和平的阿道夫 阅读(265) 评论(0) 推荐(0)