结构良好的HTML (或者XHTML)文档可能(maybe)包含如下元素:●HTML文档结构(head、 body、 div、 span)。●文字内容。●传达含义和内容结构的语义标注(标题、段落文字、列表和引用)。●让内容以一种特定的方式来显示的可视化展示(CSS)。东莞网站设计是将策划案中的内容、..

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 网站HTML文档结构介绍

网站HTML文档结构介绍

日期:2018-11-19   来源:mysite
192018-11
结构良好的HTML (或者XHTML)文档可能(maybe)包含如下元素:

 
●HTML文档结构(<head>、 <body>、 <div>、 <span>)。
 
●文字内容。
 
●传达含义和内容结构的语义标注(标题、段落文字、列表和引用)。
 
●让内容以一种特定的方式来显示的可视化展示(CSS)。东莞网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来
 
●与视昕内容相连的链接( gif jpeg或png图形,QuickTime或者其他媒介文件)。
 
●交互行为(JavaScrip
  T、 Ajax 元素,或者其他编辑技法)。

 

  1. 文档结构
 
在结构严格的HTML中,所有的Web页面代码都要放在以下这两个基础元素之中:
 
●Head (<head>..</head>)
●Body (<body..</body>)
 
在过去,页面代码(code)结构的这些基本要求是良好结构的基础:完全正确但是功能可选,且对于用户是可见的。在今天的更为复杂和更具挑战性的万维网中,复杂的页面代码、很多不同的显示可能(maybe)、复杂的样式表以及交互脚本已经非常常见,因此正确地构建分割元素十分重要。
 
<head>区域是Web页向显示设备( Web浏览器、手机、iPod Touch)声明代码标准和文档类型的区域,它也是所有重要的页面标题放置的地方。东莞网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。页面标题区域也可以包含那些与网站很多页共享的外部样式表和JavaScript代码相连的链接。
 
<body>区域(zone)包含所有页面内容,也是重要的对可视样式、编程和语义内容标注的CSS控制。通常,位于页面body内的区域使用分区(<div>) 或范围(<span>)标签来进行功能分割。例如,绝大多数Web页都有页眉、页脚、内容和导航区域,它们全部使用可以被寻址和使用css进行可视样式化处理的已命名的<div>标签来指定。
 
HTML文档类型声明了HTML文档采用的是哪个版本和标准,文档类型对于估算HTML标注和CSS的品质(Character)和技术(Technology)有效性至关重要。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内容技术(Technology)、内容管理(guǎn lǐ)体系和其他正在发展之中的Web技术的未来兼容性,这些Web技术可以从XHTML标注标准更好的一致性和更大的结构中获益。
 
2.内容标注
 
语义标注是常见HTML使用的一种优质界标:如果你编写了一个标题,可以使用标题标签(<h1>; <h2>) 来标注;如果你编写的是基本的段落文字,可以将该文字放在段落标签之中(<>..</p >); 如果你希望强调某个重要短语,可以使用加粗强调(<strong..</strong>) 来标注它:如果你引用了另一个作者的内容可以使用<blockquote>标签来标识该文本是引用的。永远不要根据Web浏览器中的显示方式来选择HTML标签。你可以在稍后使用CSS来调整内容的可视化效果以制作(Make)理想的标题、引用、强调文字以及其他排版效果的外观。
 
因为个别可能需要某些视觉效果(effect)的原因,例如,用斜体显示某个科学名称,如Homo sapiens (智人),HTML中还保留了少许诸如<b> (粗体)和<i> (斜体)的专用可视HTML标签。如果你使用类似<b>或<i>的语义含义的标签,不妨思考一下适当的样式强调(<em>) 或者加粗强调(strong>) 能否表示出更多的含义。HTML也包含不为浏览者所见的语义元素,但是它对于网站开发团队的幕后工作非常有用。诸如lass I
  D、 division. span和met标签等元素都可以让团队成员更方便地理解、使用、可视化样式和从程序上控制页面元素。非常多样式表和编程技术都要求(demand)对页面元素进行细致的语义命名,以便让内容的访问性和灵话性更为通用。
 
3.层叠样式表
 
层叠样式表(CsS)允许Web发布(cloth)者在给予图形设计(Design)师对每个HTML元素可视化显,示细节(detail)完全控制(control)权的同时,保留使用语义htML传递逻辑文档结构和含义的巨大优势(解释:能压倒对方的有利形势)。CSS的作用就像是诸如(zhū rú)Microsoft Word之类的文档处理程序中的样式表。换而言之,就是你可以使用分级的标题和其他样式来构造文档,接着只通过(tōng guò)更改样式便可全局更改所有的样式。css 的工作方式相同,尤其是当你使用网站所有页面(webpage)共享的外部样式表时。例如,如果所有页面都链接了同--主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文件深受那些使用(use)文字处理和页面市同程序制作的文档的喜爱,它能保持源文档的外见,Flash和Shockwave提供了使用标准HTML无法提供的交互(each other)性。通常,最好的方式是以无格式的HTML形式提供文档,这是因为标注可以提供更大的灵活性,井且被设计为支持通用可用性,然而有时,在必质果用其他格式提供的附加特色和功能之时,要确保能m到软件的可访问性功能,Adobe花了大力气通过支持语义标注、文本等价和关键宇川访问性,专门将可访问性功能合并到它的Web格式之中。
 
注意(attention)浏览器的不同
 
用于表格、表单、定位和排列的HTML及CSS有时在针对不同品牌和版本的Web浏览器时,其使用会稍有区别。东莞网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来这些细微的不同通常不会被注意到,但是在更为精准和复杂的Web页面(webpage)布局中,也有可能会造成意想不到的结果。不要过于相信HTM
  L、CS
  S、JavaScrip
  T、 Java 或任何插件的效果(effect),除非你使用(use)每个主流Web浏览器并且跨平台查看过你的Web页面的显示。
 
查看Web日志,或者使用诸如Google Analytics 之类的服务,来了解在读者群中最普遍使用的是什么浏览器品牌、浏览器版本以及操作系统(Ma
  C、Windows 和移动)。并非每个浏览器都支持CSS的所有的功能,尤其是如果那个功能很少使用(use)或者近期才添加到CSS代码的官方标准中。例如,尽管带阴影的文字是有效的CSS选项,但是所有的浏览器都不支持它。
 
关于语义标注的小结
 
基于语义标注技术(Technology)和标准的网站建设HTML文档类型仔细设置标注和编辑标准,井且在整个开发过程中坚持使用这些标准。当今的Web环境远不止桌面计算机上的Internet Explorer或者Firefox-成百 上千的移动计算机设备在为人们使用,每天都有很多查看和使用Web内容的全新方式出现。基本上,遵循语言Web标注的惯例做法和审慎使用已经验证的页面代码(code)和样式表的做法,是确保Web内容最好策略,它们能确保你的Web内容在未来使用性最广、可见性更强。
[ 关键字:东莞网站设计,网站设计,,,网站,东莞,HTML,CSS,,,, ]


相关阅读:
  • 做好网站的交互体验 [01-16] 网站的交互体验,我们之前学了网站页面的布局,颜色的搭配。我们现在来看一下,交互体验。网站体验是什么?就是说我们是让网站或者网页要会说话。那..
  • 提高网站的公信力 [01-15] 那么早期做宣传的时候,所以很多企业如果说他有专利技术,有什么合理技术?一定要学会借助这种产品优势,技术优势,占有市场,这是很好的宣传卖点。..
  • 定制制作网站的常见疑问解答 [01-14] 我们的公司需要准备什么资料才可以建立一个定制的网站?您需要内部沟通,使本网站的目标,并准备网站所需的内容,这将是非常有益的项目。1,完整的公..
  • 打造营销型网站的公信力 [01-13] 如何打造具有公信力的营销型网站?首先网站要有清晰的社会证据。什么叫社会证据?就是说通过社会获得的证明企业或者产品的依据。那么这个可以增加企..
  • 企业网站营销技巧 [01-12] 网站对于有形的产品,我们需要知道产品的各个属性,从不同的角度看到这种产品,很直观,但是对无形的产品我们需要知道无形的产品的服务过程。当然有..
  • 谈网站营销力建设 [01-11] 一门网络营销课程叫网站营销力建设,那么什么叫网站营销力建设?我们都知道,网络营销,网络营销离不开平台,这个平台有自建的平台,也有第三方平台..
  • 网站导航设置技巧 [01-10] 关于网站导航设置技巧。我们每天都会接触很多网站,我们也关注过很多网站的栏目设置。那么我们如果说做一个网站,这个栏目设置该怎么做,我们先看一..


在线QQ咨询