HTML5初学教程:语义更明白繁复的结构-HTML教程-爱易网页

HTML5初学教程:语义更明白繁复的结构

日期：2013-12-18　浏览次数：21124 次

网页制造aiyiweb文章简介：HTML5让人机交互，人网交互变得愈加温馨，贴合用户。以往对富媒体使用与本存储的支持乏力也不再是浏览器的切肤之痛。将Web从内容平台推向标准化的使用平台，并一统各在平台阵营的标准，才是HTML5反动的初衷。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”  “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 
<html xmlns=”http://www.w3.org/1999/xhtml”> 
<head> 
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″  /> 
</head>

HTML5是什么，无须我在这里赘述了。对于HTML5的改造，按我的理解，可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需求插件的富动画(canvas)、强大的API支持。总之，HTML5让人机交互，人网交互变得愈加温馨，贴合用户。以往对富媒体使用与本存储的支持乏力也不再是浏览器的切肤之痛。将Web从内容平台推向标准化的使用平台，并一统各在平台阵营的标准，才是HTML5反动的初衷。

本文，我就抛砖引玉，阐述HTML5的改造之一：语义更明确简约的结构。
从”头”说起一个标准的XHTML头部代码应该是这样：

<div id=”header”>   
<div class=”hgroup”>   
<h1>网站标题</h1>   
<h1>网站副标题</h1>   
</div>   
<div id=”nav”>   
<ul>   
<li>HTML 5</li>   
<li>CSS</li>   
<li>JavaScript</li>   
</ul>   
</div>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

HTML5初学教程:语义更明白繁复的结构

相关资料更多>

推荐阅读更多>