HTML5特征、窍门和技术
一、新的Doctype//zxx:”doctype”中文意思指“文档类型”
仍在使用麻烦的&＃xff0c;不可能记得住的XHTML文档类型&＃xff1f;
如果是&＃xff0c;为什么还在用呢&＃xff1f;使用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的
我就琢磨着&＃xff0c;为了HTML5搞个这厮代码&＃xff0c;您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心&＃xff0c;如今这是可行的&＃xff0c;只有老的浏览器需要一个特定的doctype(文档类型)。浏览器如果不知道doctype&＃xff0c;就会很简单的以标准模式对包含的标签进行渲染。所以&＃xff0c;妹妹你大胆的向前冲&＃xff0c;把小心谨慎都抛到九霄云外&＃xff0c;去拥抱新的HTML5文档类型吧。 二、图形元素(The Figure Element )看看下面给图片添加的标示&＃xff1a;
Image of Mars.
文字裹在p标签里&＃xff0c;与img标签各行其道&＃xff0c;很难让人联想到这就是标题。HTML5通过采用
元素对此进行了改正。当合元素组合使用时&＃xff0c;我们就可以语义化地联想到这就是图片相对应的标题
This is an image of something interesting.
重新定义还在不久前&＃xff0c;元素被用来创建靠近logo且相关的副标题。这是个很有用的表现元素&＃xff0c;但是&＃xff0c;现在&＃xff0c;这种用法可能就不正确了。元素已经被重新定义了&＃xff0c;指小字&＃xff0c;因而更具可用性。试想下你网站底部的版权状态&＃xff0c;根据对此元素新的HTML5定义&＃xff0c;可以正确地包裹这些信息。 small元素专指“小字”。
四、脚本(scripts)和链接(links)无需type您可能现在仍在给link和script标签增加type属性。
这已经是老黄花菜&＃xff0c;非必需品了。这意味着&＃xff0c;这些标签都各自指向样式表和脚本。因此&＃xff0c;我们可以把type属性一起干掉。
五、引号还是不要引号…这确实是个问题。记住&＃xff0c;HTML5不是XHTML&＃xff0c;要是你不愿意&＃xff0c;你没有必要非得用引号标记包裹你的属性&＃xff0c;没有必要非得闭合元素。换句话说&＃xff0c;只要你自己觉得舒服&＃xff0c;就没有什么对错之分。对于我自己来说就是如此。
Start the reactor.对此取舍你还得自己拿主意。如果你更倾向于结构化的文档&＃xff0c;就算天塌下来&＃xff0c;也要把引号牢牢拽在怀里。
六、内容可编辑最新的浏览器有个很赞的新属性可以应用到元素上&＃xff0c;叫做contenteditable。顾名思意&＃xff0c;就是允许用户编辑元素内容包含的任意文本&＃xff0c;包括子元素。类似的用途还有很多&＃xff0c;像是简单的待办事项清单应用程序&＃xff0c;可大大利用其本地存储的优势。
或者&＃xff0c;根据前面所学到的一些技巧&＃xff0c;我们可以把它写成&＃xff1a;七、Email输入(Inputs)如果我们给表单输入框应用名为”email”的type属性&＃xff0c;我们可以命令浏览器只允许符合有效的电子邮件地址结构的字符串。没错&＃xff0c;内置表单验证即将到来&＃xff0c;由于一些显而易见的原因&＃xff0c;我们还不能100%依赖内置验证&＃xff0c;较旧的浏览器不认识这个”email”型&＃xff0c;它们会简单地退回到普通文本框。
??? 邮箱:??? 
京公网安备 11010802041100号