微格式(microformat)

html的特质语义:微格式及其他(重点介绍其中两种)

今天再次翻开html的书本, 感觉过了个周末似乎生疏了许多, 虽然我是刚接触html的, 但是对于他还是抱有极其大的兴趣的, 所以不爱看书的我, 也开始一遍遍的翻阅着书本, 寻找解决问题的方法, 下面就给大家分享下我心中的疑问和解决问题的办法吧, 同时也为大家带来今天我的收获! 一.html中的元数据元数据本质上就是关于数据的数据. 举个例子吧, 当我们从iTunes音乐商店购买一首歌的时候, 这首歌曲的文件本身(AAC文件)就是数据, 而出现在音频播放器上面的歌曲信息(标题. 歌手. 专辑.…

由于HTML中缺少相应的元素,很难突出显示人.地点或日期等类型的信息.为了解决这个问题,有一组开发人员决定开发一套标准的命名约定盒标记模式来表示这些数据.这些命名约定基于vCard和iCalendar等现有的数据格式,现在称为微格式(microformat).请看下面的例子: 什么是微格式微格式:建立在已有的.被广泛采用的标准基础之上的一组简单的.开放的数据格式(microformats.org官方定义).是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数…

前端知识杂烩（HTML[5]?+CSS篇）

1. CSS 优先级算法如何计算?2.如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?3.用纯CSS创建一个三角形的原理是什么?4. 如何解决inline-block元素的空白间距(i与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?5.CSS强制文本在一行内显示若有多余字符则使用省略号表示6.css中伪类属性修改a标签的样式:7. HTML dl 标签8. 置换元素与不可置换元素9.HTML的Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?10.…

【CSS】class和id命名规则

说明,本篇内容为书籍<高流量网站CSS开发技术>的学习总结,文字出自书本书不错,推荐阅读学习也可参阅网上的博文原载:彬Go链接:http://blog.bingo929.com/css-coding-semantic-naming.html class和id是用来建立CSS到HTML文件内部的衔接注意,有些选择器的写法应考虑浏览器兼容问题,如nth-child选择器,多class选择器.classA.classB(IE6和以前的版本不能理解) 对于元素class和id命名,有几件事要放…

前端面试题目汇总摘录（HTML 和 CSS篇）

温故而知新,保持空杯心态 HTML 和 CSS 你做的页面在哪些浏览器测试过?这些浏览器的内核分别是什么浏览器名称内核 IE trident Firefox(火狐) gecko Safari webkit Opera 以前是 presto ,现在已改用 Google Chrome 的 Blink 内核 Chrome(谷歌) Blink(基于 webkit,Google 与 Opera Software 共同开发) 每个 HTML 文件里开头都有个重要的东西, Doctype,知道这个是干什么…

如何获取（GET）一杯咖啡——星巴克REST案例分析

英文原文:How to GET a Cup of Coffee 我们已习惯于在大型中间件平台(比如那些实现CORBA.Web服务协议栈和J2EE的平台)之上构建分布式系统了.在这篇文章里,我们将采取另一种做法:我们把支撑Web运行的协议和文档格式视为一种应用平台,一种可通过轻量级中间件访问的平台.我们通过一个简单的客户-服务交互的例子,展示了Web在应用集成中的作用.在这篇文章里,我们以Web为主要设计理念,提炼并分享了我们下本书<GET /connected - Web-based integ…

朝花夕拾《精通CSS》一、HTML & CSS 的基础

一.背景翻出我4年前看的<精通CSS>一书,可惜当初没有整理读书笔记的习惯,最近又很少写前端,遂很多东西.知识点遗忘了,恰且现在 css 也有些变化和进步,遂一起打包整理,输出成几篇 blog 系列,以犒自己. 二.HTML 1.什么是 HTML? 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 超文本(Hypertext)是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本. 2.HTML 历史 198…

前端编码风格规范之 HTML 规范

HTML 规范文档类型推荐使用 HTML5 的文档类型申明: <!DOCTYPE html>. (建议使用 text/html 格式的 HTML.避免使用 XHTML.XHTML 以及它的属性,比如 application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限). HTML 中最好不要将无内容元素[1] 的标签闭合,例如:使用 <br> 而非<br />. HTML 验证一般情况下,建议使用能通过标准规范验证的 HTML 代码,除非在性能优…

SEO技巧之WordPress篇幅

随着搜索引擎大兴, 排列在前的网站引入大量流量. 无论是搜索页面的广告还是查出来的结果, 与搜索者的目标匹配度都比较高 (如果搜索引擎足够智能), 所以通过搜索引擎而来的访客很可能会从网站上得到他想要的东西, 并记住这个网站. 也就是说, 搜索引擎会带来很多有价值的流量, 所以花点时间针对搜索引擎优化一下 WordPress 博客也是值得的. 本文将为你分享一些 WordPress SEO 技巧. 以前我没有花太多时间做搜索引擎优化, 搜索引擎收录效果不是很好. 去年二月我终于为博客搞了一下 S…

【读书笔记《Bootstrap 实战》】6.单页营销网站

我们已经掌握了很多实用 Bootstrap 的重要技能.现在,是时候拿出更多的创意来帮助客户实现他们全方位在线营销的愿望了.此次将带领大家做一个漂亮的单页高端营销网站. 主要任务如下: □ 一个大型介绍性传送带图片展示区,配有自定义的响应式欢迎信息: □ 一个客户留言区,显示为带标题的图片墙,就像砖垒的一样: □ 一个功能清单,使用大号 Font Awesome 图标: □ 一个带有自定义价目表的注册区: □ 一个带动态滚动的 ScrollSpy 导航条. 1.概况有一位潜在客户联系我们,她…

浅谈html5及其新特性

什么是 HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTML5 仍处于完善之中.然而,大部分现代浏览器已经具备了某些 HTML5 支持. HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的. 新特性 HTML5 中的一些有趣的新特性: 用于绘画的…

HTML5扩展之微数据与丰富网页摘要

一.微数据是? 一个页面的内容,例如人物.事件或评论不仅要给用户看,还要让机器可识别.而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签.属性名以及特定用法等.举个简单例子,我们使用<h1>标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO). 而微数据是什么呢?在我看来,微数据也是为了方便机器识别而产生的东西.其有特定的规范,有特定的格式.可以丰富搜索引擎的网页摘要. 先来看看比较官方的解释:HTML5 微数据规范是一种标记内容以描述特定类型的信息,例如评论.人…

html5设计原理(转)

转自: http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html 今天我想跟大家谈一谈HTML5的设计.主要分两个方面:一方面,当然了,就是HTML5.我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范. 实际上,确实有人会谈到规范的内容.史蒂夫·福克纳(Steve Faulkner)会讲HTML5与可访问性.而保罗·艾里什(Paul Iris…

学习HTML5必读之《HTML5设计原理》

引子:很久前看过的一遍受益匪浅的文章,今天再次转过来,希望对学习HTML5的朋友有所帮助. 今天我想跟大家谈一谈HTML5的设计.主要分两个方面:一方面,当然了,就是HTML5.我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范. 实际上,确实有人会谈到规范的内容.史蒂夫·福克纳(Steve Faulkner)会讲HTML5与可访问性.而保罗·艾里什(Paul Irish)则会讲HTML5提供的各种API.因此,我今天站…

优秀前端工程师应该掌握的内容（转自：github）

程序标准规范 ECMAScript HTTP 知识储备作用域/闭包数据结构算法编程范式函数式面向对象基于原型面向方面设计模式软件架构 MVC MVVM 安全 XSS CSRF 富互联网应用程序编程语言 JavaScript ActionScript CoffeScript 页面标准规范 W3C 知识储备网页设计排版响应式 SEO WCAG 微数据/微格式网页语言标记语言 HTML XHTML XML 样式表 CSS XSL 软技能项目及工程管理开发工具 I…

前端编码规范（2）—— HTML 规范

HTML 规范文档类型推荐使用 HTML5 的文档类型申明: <!DOCTYPE html>. (建议使用 text/html 格式的 HTML.避免使用 XHTML.XHTML 以及它的属性,比如 application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限). HTML 中最好不要将无内容元素[1] 的标签闭合,例如:使用 <br> 而非 <br />. HTML 验证一般情况下,建议使用能通过标准规范验证的 HTML 代码,除非在性能…

data-*属性——使用自定义属性的方式存储数据

HTML5提供了data-*属性能存储页面或应用程序的私有自定义数据.只需在属性前加上data-前缀即可,值可以是任意字符串. 存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询). data-* 属性包括两部分: 属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符属性值可以是任意字符串注意:用户代理会完全忽略前缀为 "data-" 的自定义属性. dat…

html5in24hours

http://www.html5in24hours.com/books/the-book/code/ 1.浏览器测试 http://browsershots.org/ 2.http://www.fontsquirrel.com/ 常用字体:arial,helvetica,comic sans,courier,times new roman 3.重置样式:http://meyerweb.com/eric/tools/css/reset/ 4.需要理解:http://www.html5in24hou…

深入理解html5系列-文本标签

转:http://blog.csdn.net/lihui130135/article/details/45150501 文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所有的工作都可以达到真正的云方式呢?这一系列的问题你是否已经想明白了呢? 本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如:htm…

你所不知道的html5与html中的那些事第三篇

文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所有的工作都可以达到真正的云方式呢?这一系列的问题你是否已经想明白了呢? 本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如:html5新的理念与想法,html5的新标签的用意与具体开发中场景应用,html5与css3的感情经历(用法搭配),包括html5的父亲html的一些…

HTML 5：你必须知道的data属性

原文:All You Need to Know About the HTML5 Data Attribute 译文:你必须知道HTML 5 的Data属性译者:dwqs HTML 5的Data属性可以让你给元素自定义数据.这篇文章就是思考怎么更好的使用Data属性. 介绍 HTML 5之前,我们必须依赖于class和rel属性来存储需要在网站中使用的数据片段,这种做法有时会在网站的外观和实用性之间产生冲突.而HTML 5 Data属性的存在就能很好满足需要. 随着网站自身的数据越来越多,一些特…

8款JS框架比较

Dojo Dojo 是目前最为强大的JS框架,它在自己的 Wiki 上给自己下了一个定义,Dojo 是一个用 JavaScript 编写的开源的DHTML工具箱.Dojo 很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的.Dojo 包括 Ajax.Browser.Event.Widget 等跨浏览器 API,包括了 JS 本身的语言扩展,以及各个方面的工具类库,和比较完善的 UI 组件库,也被广泛应用在很多项目中,他的 UI 组件的特点是通过给 HTML 标签增加 TA…

js 框架都有哪几种（转载）

目前来看,js框架以及一些开发包和库类有如下几个,Dojo .Scriptaculous .Prototype .yui-ext .Jquery .Mochikit.mootools .moo.fxDojo (js library and ui component ):Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的dhtml工具箱.dojo很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的.Dojo包…

正确看待HTML5的语法变化

也许会有人问:“HTML4已经很普及了,如果改变基础语法,会不会有什么影响?” 我们都知道,在HMTL5之前几乎没有符合标准规范的Webu浏览器!在这种情况下,各个浏览器之间的互相兼容性和互操作性在很大程度上取决于网站建设开发者的努力,而浏览器本身始终是存在缺陷的. 前面章节讲过,HTML5就是把解决各Web浏览器的兼容性作为目标的.所以各Web浏览器的供应商们可以把HTML5分析器集中封装在自己的浏览器中. 最新的Firefox(默认为4.0以后的版本)与WebKit浏览器引擎中都迅速封装了H…

HTML5新增的主体元素和新增的非主体结构元素

HTML5新增的主体元素 article元素 article元素表示文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或者其他任何独立的内容.(article元素是可以嵌套使用的.article元素可以用来表示插件) 示例 <article> <h1>这是一个内嵌页面</h1> <object> <embed src="" width="…

HTML 5 学习（1）

一.HTML的发展 20世纪70年代~80年代之间HTML正式诞生,但是没有一个统一的标准,显示内容比较单一.在netscape上显示的网页可能在ie5中无法正常显示,反之亦然. 1998年,HTML4.0诞生,才是真正意义上的HTML的发展,W3C也随之产生. 2000年,XHTML的标准出现,CSS的但是,DIV取代Table. 2012年12月17日,W3C正式宣布HTML5正式定稿发布. 二.新特点 1.微数据与微格式等方面的支持 2.本地存储,离线应用 3.API调用,地图,位置,LB…

html5新增结构元素

1.article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.除了内容外,一个article元素还有它自己的标题(一般放在header里),有时还有自己的脚注. 2.section元素用于对网站或应用程序上的内容进行分块.一个section元素通常是由标题和内容组成的,但section元素并不是一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本行为时,推荐使用div而不是section.因此我们可以这样理解,section元素中的内容可以直接存储到数据库中或输…

HTML5学习总结——HTML5入门与新增标签

一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器插件的依赖. 1991年HTML1.0标准出现1997年HTML4.0发布,4.0标准下的浏览器局限性Flash (安全与稳定堪忧.耗电.触摸.不开放)SilverlightJavaApplet2008年HTML5出现, W…

HTML5扩展之微数据与丰富网页摘要itemscope, itemtype, itemprop

HTML5扩展之微数据与丰富网页摘要 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2058 一.微数据是? 一个页面的内容,例如人物.事件或评论不仅要给用户看,还要让机器可识别.而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签.属性名以及特定用法等.举个简单例子,我们使用<h1>标签包裹页面标题信息就是为了让机器识别(搜索引擎 – SEO).…

html5学习（三）

html5特点: 1 微数据与微格式等方面的支持. 2 本地存储,离线应用. 3 API调用,地图,位置,LBS等. 4 连接通讯,后台线程. 5 多媒体. 7 css3.…

【微格式(microformat)】的更多相关文章