来看看：HTML5的开展:微格局和相干的属性称号
通过我们的HTML编辑器，您能够编辑HTML，然后点击按钮来查看结果。网页制造poluoluo文章简介：HTML5开展中的定名商定和微格局。2004年5月29日，在我退休的博客和一切的诳言，当我查询拜访40个计划师的网站，看看他们为大众页面元素利用的商定，如题目和横幅，导航，内容和页脚（当时候的了局）。
这几近不是迷信研讨，但在那年6月，我跟进了EricMeyer的一些定见，并出书了一套定名商定。当我发明一个网站已经由过程了这些定名商定时，我老是很乐意，我任然每天都在用，乃至凌驾4年后的每天。
当时候我的设法能够归纳综合成如许
id和class属性称号必需反应元素的功效或内容，而不是反应了先容。以是出了header并再来branding;出了footer并再取而代之的是site-info。
NamingshouldtakeonalmostanXMLstylestructure.定名将要承当几近全部XML式布局。因而，外部content来了content-main,content-sub和content-supp。
这些商定为我服务的很好，我所做的，几近没有改动他们的中心。毫无疑问，他们都使我的事情速率更快，更分歧和更无益。他们使创建产物更简单，和更简单用我的头脑体例培育与我同事的人。定名商定起感化。
微格局和相干的属性称号
让我们面临它，微格局，如hCard，hCalendar，hAtom和其他草案带来了云云多的属性值，以致于经常没有需要思索哪个构建文件或供应了哪个束缚CSS形式的挂钩这些更多的属性值。如今我利用微格局到达这类水平，以致于我乃至不利用class属性（微格局陪伴的class属性除外）开展全部页面。
在可贵的场所，我必要增加一个新元素（假定结构目标的一个分别）我起首想到的是延长微格局中已存在的。我将给您举个利用hAtom形式的例子：
<divclass="hentry">
<h2class="entry-title">Title</h2>
<divclass="entry-content">
Maincontent
</div>
<divclass="entry-related">
Relatedcontent
</div>
</div>
假如您正在坚持微格局的上风，你已注重到，entry-related不是hAtom形式的一部分，但在这类的情形下，我相对地，明白地不能不有一个分外的要素，怎样构成一个像related-sidelinks如许的属性值呢？
甚么时分延长微格局的定名形式看起来更合逻辑呢？
HTML5
在这个章节的入手下手，我应当坦白的说，此时现在，我对HTML5的存眷不克不及较少。不外，这不是成绩的关头。HTML5引进了一些潜伏的十分有效的新元素，比方：
section
一个一般的文件或使用程序部分。章节，在这方面，是内容的一个主题分类。
article
由文章构成的页面的一部分，组成文档、网页或网站的一个自力部分。Thiscouldbeaforumpost,amagazineornewspaperarticle,aWeblogentry,auser-submittedcomment,oranyotherindependentitemofcontent.这多是一个论坛，杂志，报纸文章，收集日记，用户提交的批评，或任何其他的内容的自力项目。
aside
由内容构成的页面的一部分，与aside元素相干的内容有关，并能够被以为是从内容平分离出来的。这些部分，常常体现为印刷排版侧边栏。
AsitwaslogicalfortheinventorsofMicroformatstobasetheirschemasonexistingspecifications,surelyitnowmakessenseformetoadaptmynamingconventionstofollowthoseinHTML5?因为对微格局的创造者来讲，在现有的标准上开展他们的形式是符合逻辑的，固然，如今对我以顺应我的定名商定往跟从HTML5很成心义？固然，我还不克不及利用：
<section>
<h2>Title</h2>
<article>
Maincontent
</article>
<aside>
Relatedcontent
</aside>
</section>
但如今我可使用id和class属性值来匡助我熟习的HTML5，带着我的文档朝它更进一步。
<divclass="section">
<h2>Title</h2>
<divclass="article">
Maincontent
</div>
<divclass="aside">
Relatedcontent
</div>
</div>
我以为对我来讲是一个符合逻辑的下一步。因而，看看这个树模文件，我已接纳了HTML5元素为我的定名商定的基本。除我方才提到的，寄望，我已断定了分类和导航的体例（nav），用colgroup和col构建字段，把一个无序列表转换为网格，用datagrid。
HTML5的标志标准还包含details，dialog和figure，我一样地能够当作属性值利用。
假如明天我能够完成一个希望，这个希望将是一切的CSS框架的开辟将接纳不异的定名商定（并且也普遍地嵌进微格局），以便初学意义丰厚的标志和CSS的人们有个准确的起点，利用的更成心义，更合逻辑，而不是表象的id和class属性。
</p>
一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 学Dreamweaver技术的过程其实是一个增加信心的过程。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
页:
[1]