HTML5 微文件格式和有关的特性名字

日期:2021-01-20 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序

2004年5月29日,在我退休的blog和全部的大话 ,当我调研40个设计方案师的网站,看看她们为公共性网页页面元素应用的承诺,如题目和横幅,导航栏,內容和页脚(那时的結果 )。

这基本上并不是科学研究科学研究,但在那年6月,我跟进了Eric Meyer的1些建议 ,并出版发行了1套取名承诺。当我发现1个网站早已根据了这些取名承诺时,我一直很开心,我任然每天都在用,乃至超出4年后的每天。

那时我的念头能够归纳成这样

id和class特性名字务必反应元素的作用或內容,而并不是反应了详细介绍。 因此出了header并再来branding; 出了footer并再取而代之的是site-info。

Naming should take on almost an XML style structure.取名即将担负基本上全部XML式构造。因而,內部content来了 content-main , content-sub 和 content-supp 。

这些承诺为我服务的很好,我所做的,基本上沒有更改她们的关键。没什么疑惑,她们都使我的工作中速率更快,更1致和更有利。 她们使创建商品更非常容易,和更非常容易用我的逻辑思维方法塑造与我相处的人 。取名承诺起功效。

微文件格式和有关的特性名字
 
让大家应对它,微文件格式,如hCard,hCalendar,hAtom和别的草案带来了这般多的特性值,以致于经常沒有必要考虑到哪个搭建文档或出示了哪个管束CSS方式的挂钩这些更多的特性值。如今我应用微文件格式做到这类水平,以致于我乃至不应用class特性(微文件格式随着的class特性以外)发展趋势全部网页页面。

在难能可贵的场所,我必须加上1个新元素(假定合理布局目地的1个区划)我最先想起的是拓宽微文件格式中早已存在的。我将给您举个应用hAtom方式的事例:


<div class="hentry">
<h2 class="entry-title">Title</h2>

<div class="entry-content">
Main content
</div>

<div class="entry-related">
Related content
</div>
</div>

假如您正在维持微文件格式的优点,你早已留意到, entry-related并不是 hAtom 方式的1一部分,但在这类的状况下,我肯定地,确立地迫不得已有1个附加的要素,怎样构成1个像related-sidelinks这样的特性值呢?

何时拓宽微文件格式的取名方式看起来更合逻辑性呢?

HTML5

在这个章节的刚开始,我应当坦率的说,此时此时,我对HTML5的关心不可以较少。但是,这并不是难题的重要。HTML5引进了1些潜伏的十分有效的新元素,比如:

section

1个一般的文档或运用程序流程一部分。章节 ,在这层面,是內容的1个主题归类。

article

由文章内容构成的网页页面的1一部分,组成文本文档、网页页面或网站的1个单独一部分。 This could be a forum post, a magazine or newspaper article, a Web log entry, a user-submitted comment, or any other independent item of content.这将会是1个论坛,杂志,报纸文章内容,互联网系统日志,客户递交的评价,或任何等他的內容的单独新项目。

aside

由內容构成的网页页面的1一部分,与aside 元素有关的內容不相干,并能够被觉得是从內容中分刘海离出来的。 这些一部分,常常主要表现为包装印刷排版侧面栏。

As it was logical for the inventors of Microformats to base their schemas on existing specifications, surely it now makes sense for me to adapt my naming conventions to follow those in HTML5?因为对微文件格式的创造发明者来讲,在现有的标准上发展趋势她们的方式是符合逻辑性的,自然,如今对我以融入我的取名承诺去追随HTML5很成心义?自然,我还不可以应用:


<section>
<h2> Title</h2>

<article>
Main content
</article>

<aside>
Related content
</aside>
</section>

但如今我可使用id和class特性值来协助我熟习的HTML5,带着我的文本文档朝它更进1步。


<div class="section">
<h2> Title</h2>

<div class="article">
Main content
</div>

<div class="aside">
Related content
</div>
</div>

我感觉对我来讲是1个符合逻辑性的下1步。因而,看看这个示范性文档,我早已采用了HTML5元素为我的取名承诺的基本。除我刚刚提到的,注意,我早已明确了归类和导航栏的方法(nav ),用colgroup和col搭建字段 ,把1个无编码序列表变换为网格,用datagrid。

HTML5的标识标准还包含details , dialog和figure ,我一样地能够作为特性值应用。

假如今日我能够完成1个心愿,这个心愿将是全部的CSS架构的开发设计将采用同样的取名承诺(并且也普遍地嵌入微文件格式),便于初学实际意义丰富多彩的标识和CSS的人们有个正确的考虑点,应用的更成心义,更合逻辑性,而并不是表象的id和class特性。