xhtml基本结构

HTML5究竟是什么？ （注：目前网上介绍HTML5的文章都是千篇一律，譬如某个时间段发布某个版本，这种对于初学者或者从实用性角度来看，没有太多甚至完全不具备学习价值，只能说了解到它的出现时间，但是具体作用是什么呢？基本都是没有详细阐述，不少读者看完估计还是一头雾水的，因此笔者会用更加通俗易懂的话语，让各位能够知道HTML5究竟是什么） 首先HTML是定义了网页的结构，那么HTML5则是其不断更新的一部分。它目前有两个版本， 第一个是万维网联盟的5.2推荐标准(w3c) ，是为网页内容开发者设计的；第二个是浏览器开发者的 HTML 生活标准(HTML Living Standard) ，由微软网页超文本技术工作小组公司(WHATWG)维护。 HTML5引入了一些新的元素和属性，同时也是一个 W3C推荐标准。Web 应用程序以这些 HTML 元素为基础运行，同时包含了 HTML4和 XHTML，但是向后兼容以前的版本。另外，它与 PHP 更加兼容，新的 api 包括拖放、网络消息和网络存储、协议处理程序注册、微数据、画布、文本轨道和定时媒体播放，还有一个标准化的服务器发送事件自动更新和更好的浏览器支持，这些新的 api 为网页设计者提供了更好的控制。对于生活标准版本，新的 API 还包括地理定位、web 音频(Javascript 音频应用程序)、web RTC 和 web 加密 API。 这些元素和属性反映了现代网站的典型用法，其中包括超文本标记语言和对文档对象模型(DOM)脚本的新兴趣。HTML5语法还允许在文档内部使用 MathML，而 indexeddb将存储扩展到本地存储之外。并且从 HTML 4.01中删除了一些不推荐的元素，包括像 font 和 center 这样的纯表示元素，这些元素的效果早已被更强大的层叠样式表所取代。此外，DOM 脚本在 Web 行为中的重要性也得到了重新强调。 HTML5知识点有哪些？ 经过前面的一些讲解，相信各位对HTML5已经有初步的认识，那么接下来我们将会正式探讨下，究竟有哪些知识点需要我们学习掌握的呢？（注：由于HTML5涵盖知识点较多，且本文属于入门级别的知识指南，不适宜进行全面深入地讲解，因此笔者筛选出了必须掌握的知识点，希望能够让初学者迅速入门） 知识点一：HTML5主体结构 <!doctype> 声明必须位于 HTML5 文档中首行，声明此为HTML5文档 标签限定了文档的开始点和结束点，内部包含文档头部和主体 标签用于定义文档的头部，内部的元素可以引用脚本或者样式表、提供元信息等等，并且描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。 标签声明使用utf-8编码 标签定义文档标题 定义文档的主体，内部包含文档的所有内容，比如文本、超链接、图像、表格和列表等等，均可展示给用户浏览器显示出来（注释除外） 以上就是HTML5主体结构的讲解，可能有细心地读者就会发现，有的标签是一个的，有的又是两个对称的，那么这是何解呢？ 这里就引入一个知识点，通常情况下绝大多数标签都是双标签，也就是需要写成格式，但是也有的单标签也称为自闭合标签是不需要结束符的，如 等，那么这些标签具体用法又是如何呢？下面我们将会进行常用标签的讲解！ 知识点二：HTML5常用标签 众所周知，HTML5简单点说就是由一个个标签组成的文档，既然如此我们就需要学习，每一个标签究竟代表着什么含义如何使用呢？（因为标签实在太多，倘若全部阐释一遍，怕初学者们嫌弃篇幅太长感到枯燥，或者是知识点太多很难吸收掌握，因此笔者精选出一些较为常用的标签进行讲解，对于标签可能有多个属性可以选择，笔者同样会挑选出较为常用属性进行讲解） 注：以下标签，笔者没有截效果图，建议初学者自主尝试 注释标签：在我们日常编写代码时候，为了日后方便自己查看或者是别人查阅，我们通常会在某些地方写上注释标签，里面内容不会展示给浏览器用户看到 阿里云开发者社区 链接标签：超链接跳转，把需要跳转的网址写到标签的href里面，然后在开始标签和结束标签之间可以写内容展示出去，当用户点击内容将会发生跳转 换行标签：换行作用，有的小伙伴可能看到这里会说，为什么我写也是有效果的呢？这种写法不能说错误只能说是老版本的规范，按照HTML4.0规范都需要按照XHTML的写法，也就是对于单标签都是采用加斜杠的写法（下同） 按钮 按钮标签：按钮上需要展示什么文字，可在开始标签和结束标签之间写入，现阶段若写静态网站用得较少，后期学JS制作动态网站或者做交互时候比较常用 内容 块级标签：标签本身没有特殊含义，那么在其里面可以写文本内容，或者是加入其它标签均可，凡是加入其内部所有东西都会被其所包裹，形成一个独立的块级区域并且独自占用一行（css可格式化） 标题 标题标签：用于定义标题，从h1至h6均可根据自身需求选择 分隔符标签：起到装饰分隔作用，默认显示为一条黑色的水平线 图片标签：展示图片，src里面放置图片的链接，然后有时候可能出现各种原因导致图片未能加载，那么系统会自动展示alt里面的文字内容 输入框标签：默认是输入框，当然其有多个属性可以选择，然后较为常用的是type属性，该属性又有多个值可供选择，如： password 用户输入任何文本内容均会显示为小圆点 checkbox 选择框 Button按钮 列表 列表标签：通常用于展示一列数据，而且数据所采用的css样式均相同，譬如导航栏、当然还有 有序列表不过较为少用 段落 段落标签：写在内部的一段文字将会被定义为一个段落 脚本标签：现阶段不会用到，等学习到js需要用到，初学者可在标签内部写js代码，随着学习深入可以采用外部写好js文件后导入 文字 脚本标签：通常需要搭配css样式进行使用，对部分内容进行样式修改 样式标签：现阶段不会用到，等学习到css需要用到，样式需要写在标签内部 HTML5入门知识指南 经过前面的一系列学习，相信各位已经初步掌握HTML5的使用，能够制作一些简单的界面了，当然对于学习能力较强或者有一定基础的同学，可以自主深入学习HTML5深层次的知识点，当能够熟练敲出你想要的界面时候，那建议开始学习CSS让界面变得更加美丽，笔者下期将会给各位带来CSS入门知识指南，欢迎大家踊跃参与学习，当然如果有童鞋看完本文，对于某些知识点还是不太明白，或者是对下一期学习有什么建议，欢迎各位在下方评论区留言哦，如果觉得笔者文章写得不错，那么也可以分享给朋友一起学习，咱们下期再见啦！

原生XML扩展 我更喜欢使用其中一个原生XML扩展，因为它们与PHP捆绑在一起，通常比所有第三方库更快，并且在标记上给我所需的所有控制权。 DOM DOM扩展允许您使用PHP 5通过DOM API操作XML文档。它是W3C的文档对象模型核心级别3的实现，这是一个平台和语言中立的接口，允许程序和脚本动态访问和更新文件的内容，结构和风格。 DOM能够解析和修改现实世界（破碎）的HTML，并且可以执行XPath查询。它基于libxml。 使用DOM需要一些时间才能提高效率，但这个时间非常值得IMO。由于DOM是一个与语言无关的接口，因此您可以找到多种语言的实现，因此如果您需要更改编程语言，那么您很可能已经知道如何使用该语言的DOM API。 一个基本的用法示例可以在抓取A元素的href属性中找到，一般的概念概述可以在php的DOMDocument中找到 StackOverflow上已经广泛介绍了如何使用DOM扩展，因此如果您选择使用它，您可以确定您遇到的大多数问题都可以通过搜索/浏览Stack Overflow来解决。 XMLReader的 XMLReader扩展是一个XML pull解析器。读取器在文档流上作为光标前进，并在途中停在每个节点上。 与DOM一样，XMLReader基于libxml。我不知道如何触发HTML解析器模块，因此使用XMLReader解析损坏的HTML的可能性可能不如使用DOM，因为您可以明确告诉它使用libxml的HTML解析器模块。 使用php从h1标签获取所有值时，可以找到一个基本用法示例 XML解析器 此扩展允许您创建XML解析器，然后为不同的XML事件定义处理程序。每个XML解析器还有一些您可以调整的参数。 XML Parser库也基于libxml，并实现了SAX样式的XML推送解析器。它可能是比DOM或SimpleXML更好的内存管理选择，但是比XMLReader实现的pull解析器更难以使用。 SimpleXML的 SimpleXML扩展提供了一个非常简单且易于使用的工具集，用于将XML转换为可以使用普通属性选择器和数组迭代器处理的对象。 当您知道HTML是有效的XHTML时，SimpleXML是一个选项。如果你需要解析破碎的HTML，甚至不要考虑SimpleXml，因为它会窒息。 一个基本的用法示例可以在一个简单的CRUD节点程序和xml文件的节点值中找到，PHP手册中还有很多其他的例子。 第三方库（基于libxml） 如果您更喜欢使用第三方库，我建议使用实际上使用DOM / libxml而不是字符串解析的库。 FluentDom - 回购 FluentDOM为PHP中的DOMDocument提供了类似jQuery的流畅XML接口。选择器是用XPath或CSS编写的（使用CSS到XPath转换器）。当前版本扩展了DOM实现标准接口并添加了DOM Living Standard的功能。FluentDOM可以加载JSON，CSV，JsonML，RabbitFish等格式。可以通过Composer安装。 HtmlPageDom Wa72 \ HtmlPageDom`是一个用于轻松操作HTML文档的PHP库。它需要来自Symfony2组件的DomCrawler来遍历DOM树，并通过添加操作HTML文档的DOM树的方法来扩展它。 phpQuery（多年未更新） phpQuery是一个服务器端，可链接，CSS3选择器驱动的文档对象模型（DOM）API，基于用PHP5编写的jQuery JavaScript库，并提供额外的命令行界面（CLI）。 另见：https：//github.com/electrolinux/phpquery Zend_Dom Zend_Dom提供了处理DOM文档和结构的工具。目前，我们提供Zend_Dom_Query，它提供了一个统一的界面，可以使用XPath和CSS选择器查询DOM文档。 的QueryPath QueryPath是一个用于操作XML和HTML的PHP​​库。它不仅适用于本地文件，还适用于Web服务和数据库资源。它实现了许多jQuery接口（包括CSS样式的选择器），但它在服务器端使用时经过了大量调整。可以通过Composer安装。 fDOMDocument fDOMDocument扩展了标准DOM，以便在所有错误情况下使用异常，而不是PHP警告或通知。为方便起见，他们还添加了各种自定义方法和快捷方式，并简化了DOM的使用。 军刀/ XML saber / xml是一个包装和扩展XMLReader和XMLWriter类的库，用于创建一个简单的“xml到对象/数组”映射系统和设计模式。编写和读取XML是单遍的，因此可以快速并且需要大型xml文件的低内存。 FluidXML FluidXML是一个用于使用简洁流畅的API来操作XML的PHP​​库。它利用XPath和流畅的编程模式，既有趣又有效。 第三方（不是基于libxml的） 构建DOM / libxml的好处是，您可以获得良好的开箱即用性能，因为您基于本机扩展。但是，并非所有第三方库都沿着这条路线行进。其中一些列在下面 PHP简单的HTML DOM解析器 用PHP5 +编写的HTML DOM解析器允许您以非常简单的方式操作HTML！ 需要PHP 5+。 支持无效的HTML。 使用选择器在HTML页面上查找标签，就像jQuery一样。 从一行中提取HTML中的内容。 我一般不推荐这个解析器。代码库很糟糕，解析器本身很慢而且内存很耗。并非所有jQuery选择器（例如子选择器）都是可能的。任何基于libxml的库都应该比这更容易。 PHP Html解析器 PHPHtmlParser是一个简单，灵活的html解析器，允许您使用任何css选择器（如jQuery）选择标签。目标是帮助开发需要快速，简单的方法来废弃html的工具，无论它是否有效！这个项目最初是由sunra / php-simple-html-dom-parser支持的，但支持似乎已经停止，所以这个项目是我对他以前工作的改编。 同样，我不推荐这个解析器。CPU使用率很高，速度相当慢。还没有清除已创建DOM对象的内存的功能。这些问题尤其适用于嵌套循环。文档本身不准确且拼写错误，自4月14日以来没有回复修复。 加农 通用标记器和HTML / XML / RSS DOM解析器 能够操纵元素及其属性 支持无效的HTML和UTF8 可以对元素执行类似CSS3的高级查询（比如jQuery - 支持的命名空间） HTML美化器（如HTML Tidy） 缩小CSS和Javascript 排序属性，更改字符大小写，更正缩进等。 扩展 使用基于当前字符/标记的回调解析文档 操作以较小的功能分隔，以便轻松覆盖 快速而简单 从未使用过它。不知道它是否有用。 HTML 5 您可以使用上面的方法来解析HTML5，但由于HTML5允许的标记，可能会有怪癖。因此，对于HTML5，您要考虑使用专用解析器，例如 html5lib 基于WHATWG HTML5规范的HTML解析器的Python和PHP实现，可与主要桌面Web浏览器实现最大兼容性。 HTML5最终确定后，我们可能会看到更多专用解析器。还有一个W3的博客文章，名为How-To for html 5 parsing，值得一试。 网页服务 如果您不想编写PHP，您也可以使用Web服务。一般来说，我发现这些实用程序很少，但那只是我和我的用例。 ScraperWiki。 ScraperWiki的外部界面允许您以您希望在Web或您自己的应用程序中使用的形式提取数据。您还可以提取有关任何刮刀状态的信息。 常用表达 最后也是最不推荐的，您可以使用正则表达式从HTML中提取数据。通常，不鼓励在HTML上使用正则表达式。 您可以在网上找到与标记相匹配的大多数片段都很脆弱。在大多数情况下，它们只适用于非常特殊的HTML。微小的标记更改，例如在某处添加空格，或添加或更改标记中的属性，可以使RegEx在未正确编写时失败。在HTML上使用RegEx之前，您应该知道自己在做什么。 HTML解析器已经知道HTML的语法规则。必须为您编写的每个新RegEx讲授正则表达式。RegEx在某些情况下很好，但它实际上取决于您的用例。 您可以编写更可靠的解析器，但是使用正则表达式编写完整可靠的自定义解析器是浪费时间，因为上述库已经存在并且在此方面做得更好。