广东信息科技职业培训学院
广信IT学院
技术文献总结装订册
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
年级:IT21级1班 姓名:李凯顺 性别: 男 籍贯:湖南
毕业中学: 冷水中心校 入学时间: 2020年8月1日
身份证号码:431126200505070271微信号:lks2423973507
本技术文献起止时间 2021年 9月 14日~ 2021年 9 月 18日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
文献目录
顺序 | 文献编号 | 文献类型 | 题目 | 开发工具 | 关键技术 |
01 | 专题技术文献 | HTML基础简介 | DW | DW | |
02 | |||||
备注:“文献编号”由学院工作人员填写;文献类型填写“专题技术”或“项目研发”
广东信息科技职业培训学院编制
评 分
文献总分: 折算后标准分: 阅卷教师签名
(有效)专题技术文献评分
序 号 | 题目 | 各项评分 | 文献 得分 | |||
主题 深浅 (20) | 描述 清晰 (40) | 图文 搭配 (20) | 分享 评定(20) | |||
01 | HTML基础简介 | |||||
02 | ||||||
专题技术文献平均分: 文献数量加分: 篇x10分/篇= 分 专题技术文献总分: |
项目研发文献评分
序 号 | 题目 | 各项评分 | 文献 得分 | |||
业务模块数量 (20) | 模块复杂度 (30) | 图文 描述 (30) | 分享 评定(20) | |||
01 | ||||||
02 | ||||||
项目研发文献平均分: 文献数量加分: 篇x10分/篇= 分 项目研发文献总分: |
备注:
1、分享评定:发表到指定的3个网站,成功1个加5分,成功2个加10分,成功3个加20分。
2、实际总分=专题技术文献平均分+项目研发文献平均分*3。
3、所有文献必须提交对应的程序源码和项目演示视频,按照表格题目命名,放在同一个文件夹。
4、文献和源码、视频等文件,统一放到一个文件夹里面并提交给班长,文件夹命名格式如:
“广信IT17-1张悦190119文献与源文件”。
文献种类:专题技术总结文献
开发工具与关键技术: DW
作者:李凯顺 ;年级:21级1班 ;撰写时间:2021 年 9 月 16 日
文献编号: 归档时间: 年 月 日
HTML基础简介~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:DW
作者:李凯顺
撰写时间:2021/9/16
1.XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language),XHTML 的目标是取代HTML。XHTML与HTML 4.01几乎是相同的。XHTML 是更严格更纯净的HTML版本。XHTML 是作为一种XML应用被重新定义的 HTML,XHTML是一个W3C标准。
2.我们认为万维网上的许多页面都包含着糟糕的 HTML 代码,下面的 HTML 代码仍然可以工作得很好,即使它没有遵守 HTML 规则:XML 是一种标记化语言,其中所有的东西都要被正确的标记,以产生形式良好的文档,XML 用来描述数据,而 HTML 则用来显示数据,今天的市场中存在着不同的浏览器技术,某些浏览器运行在计算机中,某些浏览器则运行在移动电话和手持设备上。而后者没有能力和手段来解释糟糕的标记语言,因此,通过把 HTML 和 XML 各自的长处加以结合,我们得到了在现在和未来都能派上用场的标记语言 - XHTML,XHTML 可以被所有的支持 XML 的设备读取,同时在其余的浏览器升级至支持 XML 之前,XHTML 使我们有能力编写出拥有良好结构的文档,这些文档可以很好地工作于所有的浏览器,并且可以向后兼容。
3.XHTML元素必须被正确地嵌套,XHTML 元素必须被关闭,标签名必须用小写字母,XHTML文档必须拥有根元素。所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。
4.XHTML语法规则:属性名称必须小写,属性值必须加引号,属性不能简写,用 Id 属性代替 name 属性,XHTML DTD定义了强制使用的HTML元素。
5.由于XHTML对大小写敏感,同时也由于XHTML仅接受小写HTML标签和属性名,因此你可以执行一个简单的搜索和替换命令将所有的大写标签改为小写。对属性名也要做同样的处理。我们一直在自己的网站使用小写字母,因此基本上,替换功能没有太多地排上用场。
6.在XHTML中是不允许使用空标签(Empty tags)的。<hr> 和 <br> 标签应该被替换为 <hr /> 和 <br />,这样做又产生了一个新问题,Netscape会误读 <br/> 标签。我们不清楚原因所在,不过将之改为 <br/>后就没有问题了。认识到这一点后,你需要再一次通过搜索和替换功能对标签进行更改,其他一些标签(比如 <img>标签)也会碰到上述同样的问题,不要使用闭合标签来关闭 <img>,而是要在标签的末端添加/>。
7.XHTML 是简单而庞大的语言。XHTML 包含了网站开发者需要的大多数功能,对于某些特殊的用途,XHTML 太大且太复杂,而对于其他的用途,它又太简单了,通过将XHTML分为若干模块,W3C 已经创造出数套小巧且定义良好的 XHTML 元素,这些元素既可被独立应用于简易设备,又可以与其他 XML 标准并入大型且更复杂的应用程序。
8.通过使用模块化的 XHTML,产品和软件设计者可以:选择被某种设备所支持的元素,在不打破 XHTML 标准的情况下,使用 XML对XHTML 进行扩展,针对小型设备,对XHTML进行简化,通过添加新的XML功能(比如 MathML,SVG,语音和多媒体),针对复杂的应用对 XHTML 进行扩展,定义 XHTML 框架,比如 XHTML BASIC(针对移动设备的XHTML子集)。
9.HTML 标签拥有属性,每个标签的特殊属性均被列于每个标签描述之下,这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外)。
10.核心属性标签不提供下面的属性:base,head,html,meta,param,script, style,以及 title元素。
11.语言属性标签不提供下面的属性:base,br,frame,frameset,hr,iframe,param,以及script 元素。
12.每个元素都可以被结构化,CSS 可使得一个有序或无序的列表显示为彻头彻尾的导航栏,其中还拥有反转按钮效果。文档的内容可以通过普通的元素进行标记,这些元素通过特定的结构化属性标志来指示出它们在网站设计中所扮演的语义角色。
13.id 属性对于XHTML并不新鲜;class 属性或者div元素也一样。它们都可以回溯到HTML时代。id属性为一个元素分配一个唯一的名字。每个名字只能在被赋予的页面使用一次。(例如,假如你的页面包含id为content的div,那么另外一个div或者其他别的元素都不能使用这个名字。
14.id 属性不可思议地强有力,它具有以下的能力:作为样式表选择器,使我们有能力创作紧凑的最小化的XHTML,作为超文本的目标锚,取代过时的 name 属性,作为从基于 DOM 的脚本来定位特定元素的方法,作为对象元素的名称。
15.div 和 ul 两个元素提供了真实的结构,即标明了其中内容的职能(导航栏)和它在文档中所属的位置(页面的报头位置)。相反地,传统的表格布局无法提供有关数据的任何语义信息,同时会轻松地吃掉三倍的带宽。
16.请注意这些标记没有包含img标签,所以不会牵扯到 width、height、background 或者 border 等等属性。同时它没有使用表格单元格,也不会涉及相关的一系列属性。它非常地干净小巧,同时提供了所有可供理解它的信息。
17.通过与 CSS 配合使用,这些标记向网站访问者提供了可靠的可快速加载的布局。同时也提供了为访问者创造更灵活多样的外观的可能性。并且在无 CSS 的环境中,我们的结构良好的标记依然可以毫不混乱地提供所有的内容。
18.目光敏锐的读者也许已经发现,a 元素中包含的文本并没有被浏览器显示出来,这也要归功于结构化标记与 CSS 的完美配合,使我们可以通过几行 CSS 规则来定义一个触发机制,当用户使用图形浏览器时,他们会看到漂亮的导航按钮,而当用户使用纯文本的阅读器时,他们也可以得到全部的文本,这样,对所有的用户来说,内容都是一样的。
19.并且,由于标记没有包含图像和表格单元,这个导航栏组件可以在不改变结构的情况下被站点内的任何页面所引用,同时赋予它不同的视觉效果。简而言之,通过对代码进行模块化,我们提高了代码的复用性。
20.我们中一些人已经陷在了一个坏习惯中,当我们仅仅需要一个大号字的文本时使用h1,或者在我们需要在前面加一个圆点符号时使用 li。就像我们在前面的章节讨论过的,浏览器一直都习惯于将设计属性强加于 HTML 元素之上。我们都一直习惯于认为,h1 意味着大号字,而li意味着圆点,或者 blockquote 意味着文本缩进。我们中的大多数人还在使用结构化元素模拟表现效果的方式来胡乱地写作 HTML。
21.同样地,假如设计师希望所有的标题使用相同的字号,她会将所有的标题设置为 h1,即使这么做毫无结构化语义可言。