标签归档：HTML

PHPEdit for PHP Programming – Code IntelliSense

发表于 由
回复

PHPEdit has been designed to maximise your productivity helping you to develop code easily, efficiently and much faster. You will find highly valuable tools integrated into PHPEdit which includes syntax highlighting, code collapsing, code completion, code hint, real-time syntax checking, token match, and many more.

PHPEdit is going even further assisting you in your web development and enhancing your productivity. We have also integrated various code generation functionalities to help you such as templates, PHPDoc documentation generation, method overriding and implementing.

Syntax highlighting

PHPEdit offers syntax highlighting for many languages including PHP, HTML, CSS, Javascript, SQL, XML, XSLT, etc…

This allows you to quickly understand your code, and navigate through it.

PHPEdit allows supports contextual highlighting: in “mixed languages” files, where PHP, HTML, CSS, etc… are mixed together, PHPEdit only highlights the language you are currently editing, and the other language(s) in gray.

Code completion

PHPEdit parses your files in background to understand your code, and be able to offer you smart code completions. It knows what classes you are using, and suggests you possible methods, functions, variables, etc…

It also works in others languages:

V HTML for tags and attributes;
V SQL for table & field names;
V Etc…

Code insight allows you to code faster by only typing a few characters instead of the whole names, and also prevents you from typing errors.

Real time syntax checking

PHPEdit uses PHP to parse your code while you type, to show you syntax errors automatically.

HTML5 Shiv

发表于 由
回复

HTML5 has all sorts of great new elements such as <header>, <nav>, etc.  We can finally build pages without having tons of <div class=”header”> etc, and have the terms standardized across websites.

Internet Explorer will not recognize these unofficial elements.  Unlike Chrome, Firefox, Opera, and the rest of the browser world who will gladly assume the element is acceptable, and render / CSS just like any other element — Internet Explorer ignores them.  If you used <header> tags on your site, Internet Explorer (yes, even 8 ) will just ignore the existence of the code.

To use this script, it must be included before the <body> element (i.e. in the <head>) but doesn’t matter if it appears before or after the CSS – but for the sake of performance, it would make better sense to include the CSS first then this script. 

<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

Note that the protocol has been removed so you don’t have to when including on an http or https page

Common question: what’s the difference between the html5shim and the html5shiv? Answer: nothing, one has an m and one has a v – that’s it.

HTML5 Overview 11/25

发表于 由
回复

Why HTML5?

•HTML5 enables mobile and desktop Web site designers to deliver the advantages of client-side and server-side development to their users simultaneously.

•API development and workability in the browsers will take a leap forward.

What does HTML5 mean to Web designers?

•new tags for semantic layout

•improved microformatting

•new tags for incorporating rich media

•new tags for APIs, applications

doctype

•<!DOCTYPE HTML>

HTML5 – basic document structure

<DOCTYPE HTML>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>HTML5</title>
</head>
<body>
</body>
</html>

HTML5 程序接口,元素变化,异常处理

发表于 由
回复

程序接口

　　除了原先的DOM接口，HTML5增加了更多API,如：

　　1． 用于即时2D绘图的Canvas标签

　　2． 定时媒体回放

　　3． 离线数据库存储

　　4． 文档编辑

　　5． 拖拽控制

　　6． 浏览历史管理

元素变化

　　新的解析顺序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

　　元素的新属性：日期和时间，email, url。

　　新的通用属性：ping, charset, async

　　全域属性：id, tabindex, repeat。

　　移除元素：center, font, strike。

异常处理

　　HTML 5(text/html)浏览器将在错误语法的处理上更加灵活。HTML 5在设计时保证旧的浏览器能够安全的忽略掉新的HTML 5代码。与HTML 4.01相比，HTML 5给出了解析的详细规则，力图让不同的浏览器即使在发生语法错误时也能返回相同的结果。

HTML 5 标准属性

发表于 由
回复

所有 HTML 5 标签均支持下面列出的属性，仅有少数例外。

HTML 5 标准属性

NEW：HTML 5 中新的标准属性。

注释：HTML 4.01 不再支持 accesskey 属性：

属性
值
描述

accesskey
character
规定访问元素的键盘快捷键

class
classname
规定元素的类名（用于规定样式表中的类）。

contenteditable

  • true
  • false

规定是否允许用户编辑内容。

contextmenu
menu_id
规定元素的上下文菜单。

data-yourvalue
value

创作者定义的属性。

HTML 文档的创作者可以定义他们自己的属性。

必须以 “data-” 开头。

dir

  • ltr
  • rtl

规定元素中内容的文本方向。

draggable

  • true
  • false
  • auto

规定是否允许用户拖动元素。

hidden
hidden
规定该元素是无关的。被隐藏的元素不会显示。

id
id
规定元素的唯一 ID。

item

  • empty
  • url

用于组合元素。

itemprop

  • url
  • group value

用于组合项目。

lang
language_code
规定元素中内容的语言代码。语言代码参考手册。

spellcheck

  • true
  • false

规定是否必须对元素进行拼写或语法检查。

style
style_definition
规定元素的行内样式。

subject
id
规定元素对应的项目。

tabindex
number
规定元素的 tab 键控制次序。

title
text
规定有关元素的额外信息。

HTML 5 简介

发表于 由
回复

HTML5 是下一代的 HTML。

什么是 HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是如何起步的？

HTML5 是 W3C 与 WHATWG 合作的结果。

编者注：W3C 指 World Wide Web Consortium，万维网联盟。

编者注：WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

为 HTML5 建立的一些规则：

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减少对外部插件的需求（比如 Flash）
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5 应该独立于设备
  • 开发进程应对公众透明

新特性

HTML5 中的一些有趣的新特性：

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如 article、footer、header、nav、section
  • 新的表单控件，比如 calendar、date、time、email、url、search

浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

在线测试当前浏览器对HTML5的支持程度： http://html5test.com/