h5手机模板网站,衡阳网页定制,珠海市手机网站建设品牌,黄江网站设计上文书我们说到《HTML重构#xff1a;战略篇》#xff0c;书接前言下面是战术篇#xff0c;我们通过路线图来先有一个大体印象#xff1a;1、HTML规范化(Well-Formedness)#xff1a;语法正确2、HTML Validity #xff1a;语义正确3、不仅仅是语义正确#xff1a;HTML元…上文书我们说到《HTML重构战略篇》书接前言下面是战术篇我们通过路线图来先有一个大体印象1、HTML规范化(Well-Formedness)语法正确2、HTML Validity 语义正确3、不仅仅是语义正确HTML元素的用法回归正途4、正确还不够关注你的内容5、哪有个完啊关注网站可用性(Accessibility)HTML规范化(Well-Formedness)语法正确规范化(Well-Formedness)是XML中的概念它指文档严格遵守约束。规范化的HTML文档结构是一个独一无二的树。HTML规范化是发挥XML工具强大功能的先决条件可靠地DOM操作也为跨浏览器脚本的提供了一个很好的基础。不规范的页面在浏览器中可能表现千差万别因为浏览器对错误的理解和处理是不一样的而规范化的HTML让浏览器行为可预测。好处当然还有很多比如SEO快速加载… ...下面会有一些规范化的实践指南作者给出了做这些重构的动机和利弊大家可以根据自己的情况来选择。下面简单列一下文档转为小写Change Name to Lowercase属性赋值添加引号Quote Attribute Value省略值不全Fill In Omitted Attribute Value例如空标签添加空属性Replace Empty Tag with Empty-Element Tag例如变成添加结束标签Add End-tag删除重叠Remove Overlap例如very important!文档编码转成UTF-8Convert Text to UTF-8属性值内字符转义 to to 添加DOCTYPE声明Introduce an XHTML DOCTYPE DeclarationTD/xhtml1-transitional.dtd 实体添加结束符Terminate Each Entity Referenceamp之类的实体要不全; 即使用标准实体名Replace Imaginary Entity References添加根元素Introduce a Root Element添加XHTML的名称空间Introduce the XHTML NamespaceHTML Validity 语义正确背景介绍HTML验证是通过与标准HTML规则进行比较的方式分析HTML文档、标记出错误和非标准代码的处理过程。Web页面使用HTML进行渲染而HTML本身采用了HTML规范作为其规则和标准。通过验证HTML代码穿越多重浏览器标准通过验证的文档能够帮助浏览器反映创作者的意图。通过验证的站点会获得下列优势页面行为可预测浏览器兼容问题未来的浏览器上也可以运行更容易维护等等…W3C在线验证地址http://jigsaw.w3.org/css-validator/通过验证并不是强制要求的一个规范化但是没有通过验证的文档照样可以使用XML工具。如果你有特殊的应用比如MathXML也可以忽略掉通过HTML验证。下面简单列出一些要通过验证要做的工作清除非法标签Remove All Nonexistent Tags添加图像说明Add an alt Attribute嵌入标签换成对象标签Replace embed with object添加严格的文档类型声明Introduce a Strict DOCTYPE DeclarationReplace center with CSSReplace font with CSSReplace i with em or CSSReplace b with strong or CSSReplace the color Attribute with CSSConvert img Attributes to CSSReplace applet with objectReplace Presentational Elements with CSSNest Inline Elements inside Block Elements不仅仅是语义正确HTML元素的用法回归正途一个Web开发者可能会有这样的忏悔我错了我一直都在用表格做布局我的页面和样式杂糅在一起… …我们可能把原因归结为历史以前的开发就没有这种理念历史是这样的么传统的HTML是基于SGML标准这个标准诞生于Web之前我们回顾一下SGML是1986年出版发布的一个信息管理方面的国际标准(ISO 8879)。该标准定义独立于平台和应用的文本文档的格式、索引和链接信息为用户提供一种类似于语法的机制用来定义文档的结构和指示文档结构的标签。其中Markup的含义是指插入到文档中的标记。标记分为两种一种称为procedard markup用来描述文档显示的样式另一种称为descriptive markup用来描述文档中的文字的用途。制定SGML的基本思想是把文档的内容与样式分开。回顾历史我们应该像佟掌柜一样感慨了“我错了我真的错了”如何将文档的内容和样式分开作者同样给出了一些建议Replace Table LayoutsReplace Frames with CSS PositionsMove Content to the FrontMark Up Lists as ListsReplace blockquote/ul Indentation with CSSReplace Spacer GIFsAdd an ID AttributeAdd Width and Height to an Image
