结构良好的HTML（或XHTML）文档可以包含以下元素：HTML文档结构（、）。 文字内容。 传达含义和内容结构的语义注释（标题、段落文本、列表和引用）。 视觉呈现（CSS），允许以特定方式显示内容。 视频内容的链接（gif、jpeg 或png 图形、QuickTime 或其他媒体文件）。 交互行为（JavaScript、Ajax 元素或其他编辑技术）。 1、文档结构在结构严格的HTML 中，所有的网页代码都必须放在以下两个基本元素中：Head (.)Body (,

) 来标注；如果你编写的是基本的段落文字，可以将该文字放在段落标签之中(...)； 如果你希望强调某个重要短语，可以使用加粗强调() 能否表示出更多的含义。HTML也包含不为浏览者所见的语义元素，但是它对于网站开发团队的幕后工作非常有用。诸如lass ID、 division. span和met标签等元素都可以让团队成员更方便地理解、使用、可视化样式和从程序上控制页面元素。很多样式表和编程技术都要求对页面元素进行细致的语义命名，以便让内容的访问性和灵话性更为通用。3.层叠样式表层叠样式表(CsS)允许Web发布者在给予图形设计师对每个HTML元素可视化显，示细节完全控制权的同时，保留使用语义htML传递逻辑文档结构和含义的巨大优势。CSS的作用就像是诸如Microsoft Word之类的文档处理程序中的样式表。换而言之，就是你可以使用分级的标题和其他样式来构造文档，接着只通过更改样式便可全局更改所有的样式。css 的工作方式相同，尤其是当你使用网站所有页面共享的外部样式表时。例如，如果所有页面都链接了同--主CSS文件，那么你只需更改主样式表中的

样式即可更改所有

标题字体、字体大小和颜色。 4视觉内容网页文件不直接包含图形和视听材料，而是使用图像和其他定向链接将图形和媒体合并到它们包含的最终网页组件中。描述性(longdesc) 链接对于一般可用性和搜索引擎可见性非常重要，搜索引擎不仅会搜索文本，还会使用带有关键字标记的图像来描述图像内容。可以确保您的视听媒体被观众和搜索引擎中的每个人使用。 5. 交互式脚本JavaScript 也是Ajax 等原始网页内容交付策略中的关键技术。所有的JavaScript 代码都应该属于网页的“头部”区域，但是如果你的代码复杂而且很长，“真正”的页面内容被挤在几十行代码下面，无法通过搜索找到引擎。如果您使用页面级JavaScript 脚本（也称为客户端脚本），那么所有代码都应放置在字节数最短的链接文件中。这样，您在使用又长又复杂的JavaScript 时就不会错过搜索页面排名。 6.除HTML之外的其他文档格式。 Web 还支持许多文档格式。 PDF、Flash 和Shockwave 等格式通常用于提供基本HTML 无法提供的功能。 PDF 文件在那些使用文字处理和页面营销程序来维护原始文档的人中很受欢迎。从视觉上看，Flash 和Shockwave 提供了使用标准HTML 无法实现的交互性。通常，最好以未格式化的HTML 形式提供文档，因为标记具有更大的灵活性并且经过精心设计。然而，为了支持通用可用性，Adobe 竭尽全力确保在需要其他格式提供的附加特性和功能时可以使用该软件的辅助功能。 Key Ukawa Accessibility 特别将辅助功能融入其网络格式中。请注意，当针对不同品牌和版本的网络浏览器时，用于表格、表单、定位和排列的HTML 和CSS 有时会有所不同。其用法会略有不同。这些细微的差异通常不会被注意到，但在更精确和复杂的网页布局中，它们也可能会导致意想不到的结果。不要过分相信HTML、CSS、JavaScript、Java 或任何插件的有效性，除非您使用所有主流Web 浏览器并且跨平台查看过网页的显示。检查网络日志，或使用Google Analytics 等服务，了解读者最常使用的浏览器品牌、浏览器版本和操作系统（Mac、Windows 和移动设备）。

并非每个浏览器都支持CSS 的所有功能，特别是如果该功能很少使用或最近添加到CSS 代码的官方标准中。例如，尽管阴影文本是有效的CSS 选项，但并非所有浏览器都支持它。关于语义标注的总结基于语义标注技术和标准HTML文档类型的网站建设精心制定了标注和编辑标准，并在整个开发过程中坚持使用这些标准。当今的Web 环境不仅仅是台式计算机上的Internet Explorer 或Firefox，还有数百种移动计算设备正在使用，并且查看和使用Web 内容的新方式每天都在出现。基本上，遵循语言网络标记的约定并明智地使用经过验证的页面代码和样式表是确保您的网络内容在未来更可用和更可见的最佳策略。