网站HTML文档结构
栏目:小程序开发 发布时间:2021-01-17
<结构良好的HTML (或者XHTML)文档可能包含如下元素:

 
●HTML文档结构(<head>、 <body>、 <div>、 <span>)。网站制作涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计,网页图形设计,界面设计,创作,其中包括标准化的代码和专有软件,用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组,负责网站不同方面的设计。
 
●文字内容。
 
●转达含意跟内容结构的语义标注(题目、段落文字、列表跟引用)。
 
●让内容以一种特定的方法来显示的可视化展示(CSS)。
 
●与视昕内容相连的链接( gif jpeg或png图形,QuickTime或者其余媒介文件)。
 
●交互行动(JavaScrip
  T、 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标注标准兼容,诸如用于科学文档Mathm
  L、用于交互视听内容的同步化多媒体整合语言(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 I
  D、 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还支撑很多文档格局。PD
  F、Flash 跟Shockwave是经常用来供给基本HTML无奈供给的功能的格局。PDF文件深受那些利用文字处理跟页面市同程序制造的文档的喜好,它能坚持源文档的外见,Flash跟Shockwave供给了利用标准HTML无奈供给的交互性。通常,最好的方法是以无格局的HTML情势供给文档,这是因为标注可能供给更大的机动性,井且被设计为支撑通用可用性,然而有时,在必质果用其余格局供给的附加特点跟功能之时,要确保能m到软件的可拜访性功能,Adobe花了大力量通过支撑语义标注、文本等价跟要害宇川拜访性,专门将可拜访性功能合并到它的Web格局之中。
 
留神浏览器的不同
 
用于表格、表单、定位跟排列的HTML及CSS有时在针对不同品牌跟版本的Web浏览器时,其利用会稍有差别。这些轻微的不同通常不会被留神到,然而在更为精准跟庞杂的Web页面布局中,也有可能会造成意想不到的结果。不要过于信赖HTM
  L、CS
  S、JavaScrip
  T、 Java 或任何插件的后果,除非你利用每个主流Web浏览器并且跨平台查看过你的Web页面的显示。
 
查看Web日志,或者利用诸如Google Analytics 之类的服务,来理解在读者群中最普遍利用的是什么浏览器品牌、浏览器版本以及操作体系(Ma
  C、Windows 跟挪动)。并非每个浏览器都支撑CSS的所有的功能,尤其是假如那个功能很少利用或者近期才增加到CSS代码的官方标准中。例如,只管带阴影的文字是有效的CSS选项,然而所有的浏览器都不支撑它。
 
对于语义标注的小结
 
基于语义标注技巧跟标准的网站建设HTML文档类型细心设置标注跟编辑标准,井且在全部开发进程中坚持利用这些标准。当今的Web环境远不止桌面盘算机上的Internet Explorer或者Firefox-成百 上千的挪动盘算机设备在为人们利用,每天都有很多查看跟利用Web内容的全新方法呈现。基本上,遵守语言Web标注的通例做法跟审慎利用已教训证的页面代码跟款式表的做法,是确保Web内容最好策略,它们能确保你的Web内容在将来利用性最广、可见性更强。
>