HTML5基础教.docVIP

HTML5的基础写法对比一下XHTML 1.0 Transitional的规范，html5基本上没有XHTML 1.0 Transitional严格的要求，并且简化了很多东西。?文档声明更简单了。1 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd 2 !--在HTML5中，这样写：--3 !DOCTYPE html?html标签上不需要声明命名空间。1 html xmlns=/1999/xhtml lang=zh-CN 2 !--在HTML5中，这样写：--3 html lang=zh-CN?字符集编码声明也简单了1 meta http-equiv=Content-Type content=text/html; charset=UTF-8 / 2 !--在HTML5中，这样写：--3 meta charset=UTF-8 /?可以不用给css及javascript代码写type属性了1 script type=text/javascript/script 2 style type=text/css/style 3 !--在HTML5中，可以直接写：--4 script/script 5 style/style?没有XHTML代码规范的要求所有的标记都必须要有一个相应的结束标记；所有标签的元素和属性的名字都必须使用小写；所有的XML标记都必须合理嵌套；所有的属性必须用引号”括起来；1 div class=test/div 2 br 3 INPUT TYPE=TEXT / 4 !--这些都不做严格要求-- 初学者必知的HTML 5入门级技巧 Web技术的发展速度太快了，如果你不与时俱进，就会被淘汰。因此，为了应对即将到来的HTML 5，本文总结了11个HTML 5的初级技巧，希望能对你进一步学习好HTML 5会有所帮助。 1. 新的Doctype声明 XHTML的声明太长了，我相信很少会有前端开发人员能手写出这个Doctype声明。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN? /TR/xhtml1/DTD/xhtml1-transitional.dtdHTML 5的Doctype声明很短，看到这个声明相信你马上就能记住，不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。 !DOCTYPE htmlHTML 5的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准模式，你可能会奇怪IE6/7居然 也可以支持HTML 5 Doctype，事实上，IE是只要doctype符合这种格式，都会进入标准模式。 2. figure标签 看看下面一段简单的代码： img alt=About image src=path/to/image ? h6image of Mars./h6 遗 憾的是，这里的h6标签和img标签好像没有什么关系，语义不够明确。HTML 5意识到了这一点，于是就采用了figure标签。当figure结合figcaption标签的使 用，可以让h6标签和img标签组合起来，代码就更具语义化了。 figure img alt=about image src=path/to/image ? figcaption h6This is an image of something interesting. /h6 /figcaption /figure 3. 重新定义small 不久前，我使用了small标签来创建与logo相关的副标题。但是在HTML 5中重新定义了small标签，使之更能表现语义化，在small的字号都会变小，想想如果这个标签用于网站的底部的版 权信息还是个不错的做法。 4. 去掉了Javascript和CSS标签的type属性 通常你会在link和script加上type属性： link rel=stylesheet type=text/css href=path/to/stylesheet.css script type=text/javascript src=path/to/script.jsl;/script 在HTML 5中，不再需要type属性了，因为这显得有点多余，去掉之后可以让代码更为简洁。 link href=path/to/stylesheet.css script src=path/t