HTML5元素选用原则

本内容摘自《html5权威指南》

 二、主义与呈现分离

   HTML5中的一大主要变化是基本信念方面的:将元素的语义与元素对其内容呈现结果的影响分开。从原理上讲这的确合乎情理。HTML元素负责文档内容的结构和含义,内容的呈现则由应用于元素上的CSS样式控制。HTML文档的用户未必都需要显示它们,不掺合呈现方向的事有助于简化HTML的处理以及从中自动提炼含义。

     HTML5中新增的大多数元素都有具体的含义。例如,article元素可以用来表示适于联合供稿的独立成篇的内容,而figure元素表示的自然是图片。

     HTML4中的许多元素产生在呈现与含义分享前。这造成了一种尴尬局面。以b元素为例,在HTML5前的版本中,b元素会指示浏览器以粗体显示其开始和结束标签之间的内容。而HTML5不再提倡纯属呈现因素的元素,所以给b元素下了新定义。

   (内容摘自w3c.orgb元素表示一段文字(将这段文字从周围文字中凸现出来并不表示特别的强调或重要性),习惯上使用粗体呈现,其使用场合包括文章提要中的关键字或产品评论中的产品名称等。

     建议是语义方面要求严格点不为过,只要条件允许,尽量避用那些具有浓重呈现意味或纯粹呈现作用的元素。定义一个自定义类然后借助它应用所需样式并不复杂。只要做到样式的采用是以内容类型为依据而不是随心所欲,你至少也保持了一颗向着语义的心。

 二、少亦可为多

      开发者在使用元素的时候容易忘乎所以,把文档弄得标记密布。标记只应该应内容对语义的需要使用。不需要定义复杂标题也就不需要使用hgroup元素,只有那些引用比较重要的文档才需要用cite元素标记的详细引文。

     判断该用多少标记需要经验,有条经验法则是:问问自己打算如何发挥一个元素的语义作用。如果不能马上签出就不用这个元素。

 三、别误用元素

    每个元素针对的是一种特定类型的内容---即便像b元素这类纯属呈现用途的元素也是如此。对内容进行标记时,只宜将元素用于它们原定的用途,不要创造自有的语义。如果找不到合适自己所要的元素,可以考虑通用元素(如sapndiv,并且用全局属性class表明其含义。CSS样式不是类属性唯一的用途。

 四、具体为佳,一以贯之

    用来标记内容的元素应该选择最为具体的那个。如果已有元素能恰当表明内容的类型,就不要使用通用元素。HTML4中存在一种依赖DIV元素构建页面结构的倾向,其缺陷在于它们的语义并非显而易见。有些人或许会定义一个名为arcticle的类,并且此应用各种样式,但是这样做的所传达的含义无法与使用article元素相提并论。

    同样,同一个元素的使用在整个页面、网站或WEB应用系统上要保持一致。对于作者来说,他们以后修改自己的HTML文档的工作可以因此更加轻松,对于要处理HTML文档的其他人亦然。

 五、对用户不要想当然

    有人可能觉得HTML文档的用户关心的只是它在浏览器中的呈现结果,所以不用为标记的语义准确性劳神。呈现与语义分离原则的目的完全是为了让HTML文档更易于程序化处理,所以随着HTML5的采用和实现愈加广泛,HTML内容的这种使用会日益增多。如果不关心标记的准确性和一致性,这样的HTML文档处理起来更为困难,用户能为其找到的用处也很有限。

----------丛灵岛IT技术社群--------------
学技传艺  技术交流  跨界跨领域  大牛面对面  。
欢迎加Q群 254011976 交流

猜你喜欢

转载自blog.csdn.net/lixuezhi/article/details/79324482