网站HTML文档结构
2020/3/9 12:03:23
结构优秀的HTML (或者XHTML)文档可能包含如下元素:
●HTML文档结构(<head>、 <body>、 <div>、 <span>)。
●笔墨内容。
●传达含义和内容结构的语义标注(题目、段落笔墨、列表和引用)。
●让内容以一种特定的方法来表现的可视化展示(CSS)。
●与视昕内容相连的链接( gif jpeg或png图形，QuickTime或者其他序言文件)。
●交互举动(javascript、 Ajax 元素，或者其他编辑技法)。
1. 文档结构
在结构严酷的HTML中，所有的Web页面代码都要放在以下这两个基础元素之中:
●Head (<head>...</head>)
●Body (<body...</body>)
在曩昔，页面代码结构的这些基本要求是优秀结构的基础:完全精确但是功能可选，且对于用户是可见的。在今天的更为复杂和更具挑衅性的万维网中，复杂的页面代码、许多不同的表现可能、复杂的样式表以及交互脚本已经特别很是惯用，因此精确地构建分割元素十分紧张。
<head>区域是Web页向表现设备( Web欣赏器、手机、iPod Touch)声明代码标准和文档类型的区域，它也是所有紧张的页面题目放置的地方。页面题目区域也可以包含那些与网站许多页共享的外部样式表和javascript代码相连的链接。
<body>区域包含所有页面内容，也是紧张的对可视样式、编程和语义内容标注的CSS控制。通常，位于页面body内的区域使用分区(<div>) 或范围(<span>)标签来进行功能分割。例如，绝大多数Web页都有页眉、页脚、内容和导航区域，它们悉数使用可以被寻址和使用css进行可视样式化处理的已命名的<div>标签来指定。
HTML文档类型声明了HTML文档采用的是哪个版本和标准，文档类型对于估算HTML标注和CSS的品质和技术有用性至关紧张。Web开发技术团队应该告诉你将在页面编码中使用什么版本的HTML(例如，HTML4和XHTMLI)，以及会在网站中使用哪种文档类型声明。HTML是Web页面标注的通用基本标准。XhTML与HTML特别很是相似，但是XHTML是XML的子集，并且有更为严酷的要求。尽管HTML是使用最广的Web标注标准，将XHTML用做页面标注有以下更为壮大的上风:
●与XML技术、XML内容以及诸如Ajax之类的混合javascript/XML技术兼容。
●与非HTML Web标注标准兼容，诸如用于科学文档Mathml、用于交互视听内容的同步化多媒体整合语言(Synchronized Multimedia Integration Language， SMIL) 以及可伸缩矢量图形(Scalable Vector Graphics， SVG)。
●与更新的XML内容技术、内容管理系统和其他正在发展之中的Web技术的将来兼容性，这些Web技术可以从XHTML标注标准更好的一致性和更大的结构中获益。
2.内容标注
语义标注是惯用HTML使用的一种优质界标:假如你编写了一个题目，可以使用题目标签(<h1>， <h2>) 来标注；假如你编写的是基本的段落笔墨，可以将该笔墨放在段落标签之中(<>...</p >)； 假如你盼望强调某个紧张短语，可以使用加粗强调(<strong...</strong>) 来标注它:假如你引用了另一个作者的内容可以使用<blockquote>标签来标识该文本是引用的。永久不要根据Web欣赏器中的表现方法来选择HTML标签。你可以在稍后使用CSS来调整内容的可视化结果以制作理想的题目、引用、强调笔墨以及其他排版结果的表面。
由于个别可能必须要某些视觉结果的缘故原由，例如，用斜体表现某个科学名称，如Homo sapiens (智人)，HTML中还保留了少许诸如<b> (粗体)和<i> (斜体)的专用可视HTML标签。假如你使用类似<b>或<i>的语义含义的标签，不妨思考一下适当的样式强调(<em>) 或者加粗强调(strong>) 能否透露表现出更多的含义。HTML也包含不为欣赏者所见的语义元素，但是它对于网站开发团队的幕后工作特别很是有效。诸如lass ID、 division. span和met标签等元素都可以让团队成员更方便地理解、使用、可视化样式和从程序上控制页面元素。许多样式表和编程技术都要求对页面元素进行过细的语义命名，以便让内容的访问性和灵话性更为通用。
3.层叠样式表
层叠样式表(CsS)许可Web发布者在给予图形设计师对每个HTML元素可视化显，示细节完全控制权的同时，保留使用语义htML传递逻辑文档结构和含义的伟大上风。CSS的作用就像是诸如Microsoft Word之类的文档处理程序中的样式表。换而言之，就是你可以使用分级的题目和其他样式来构造文档，接着只通过更改样式便可全局更改所有的样式。css 的工作方法雷同，尤其是当你使用网站所有页面共享的外部样式表时。例如，假如所有页面都链接了同--主CSS文件，那么你只需更改主样式表中的<h1>样式即可更改所有<h1>题目的字体、字号和颜色。
4.视昕内容
Web页面文件不直接包含图形和视听素材，但是使用图像和其他指示链接在欣赏器中将图形和序言合并到最终的Web页面组合中。它们包含的这些链接以及替换笔墨(“alt”文本)或者长描述性(longdesc) 链接对于通用可用性和搜索引擎可视性而言特别很是紧张。Web用户不只会搜索笔墨。搜索引擎会使用带关键字的标签图像所对应的替换笔墨描述，存在视障的用户会基于替换笔墨来描述图像内容。适当的语义标往能确保你的视听序言为欣赏者中的每个人以及搜索引擎最大范围地使用。
5.交互脚本
javascript是通常用来创建交互举动的语言。javascript 也是诸如Ajax之类原Web页面内容交付策略中的关键技术。所有的javascript代码都应归于Web页面的“头部”(head)区域，但是假如你的代码很复杂并且特别很是长，“真实的”页面内容就被挤到了几十行代码的下方，无法被搜索引擎找到。假如你使用页面级别的javascript脚本(也被称为客户端脚本)，则应该将所有的代码以最短的字节数放在某个链接文件中。应用此种方法，当使用长而复杂的javascript时就不会错失搜索页面排名。
6.其他文档格式
除了HTML外，Web还支撑许多文档格式。PDF、Flash 和Shockwave是经常用来提供基础HTML无法提供的功能的格式。PDF文件深受那些使用笔墨处理和页面市同程序制作的文档的喜好，它能保持源文档的外见，Flash和Shockwave提供了使用标准HTML无法提供的交互性。通常，最好的方法是以无格式的HTML情势提供文档，这是由于标注可以提供更大的天真性，井且被设计为支撑通用可用性，然而偶然，在必质果用其他格式提供的附加特色和功能之时，要确保能m到软件的可访问性功能，Adobe花了大力气通过支撑语义标注、文本等价和关键宇川访问性，专门将可访问性功能合并到它的Web格式之中。
注重欣赏器的不同
用于表格、表单、定位和排列的HTML及CSS偶然在针对不同品牌和版本的Web欣赏器时，其使用会稍有区别。这些渺小的不同通常不会被注重到，但是在更为精准和复杂的Web页面布局中，也有可能会造成意想不到的效果。不要过于信赖HTML、CSS、javascript、 Java 或任何插件的结果，除非你使用每个主流Web欣赏器并且跨平台查看过你的Web页面的表现。
查看Web日志，或者使用诸如Google Analytics 之类的服务，来了解在读者群中最普遍使用的是什么欣赏器品牌、欣赏器版本以及操作体系(Mac、Windows 和移动)。并非每个欣赏器都支撑CSS的所有的功能，尤其是假如那个功能很少使用或者近期才添加到CSS代码的官方标准中。例如，尽管带阴影的笔墨是有用的CSS选项，但是所有的欣赏器都不支撑它。
关于语义标注的小结
基于语义标注技术和标准的网站建设HTML文档类型细心设置标注和编辑标准，井且在整个开发过程中坚持使用这些标准。当今的Web环境远不止桌面计算机上的Internet Explorer或者Firefox-成百 上千的移动计算机设备在为人们使用，天天都有许多查看和使用Web内容的全新方法出现。基本上，遵循语言Web标注的惯例做法和审慎使用已经验证的页面代码和样式表的做法，是确保Web内容最好策略，它们能确保你的Web内容在将来使用性最广、可见性更强。
如没特殊注明，文章均为成都网站建设公司唯赛网络原创,转载请注明来自http://www.weseo.cn/News/knowledge_675_11229.html
