21. 罕为人知的语义元素
- 详细资料
- 发布于 2012年9月18日
- 点击数:6104
序言
在本篇文章中,我将向你们介绍一些更隐晦、罕为人知且极少用到的 HTML 语义元素。我将介绍有关标记程序代码、与计算机的交互、引用与缩略语,以及对文档所做的改动等内容。在本文的结尾部分,我还将介绍 HTML 5 草案中对新定义的额外语义元素的一些提议。
附注:在每个代码示例后面,都有一个“查看源文件”的链接,通过点击链接你将看到源代码在浏览器中的实际渲染效果,这些效果包含在一个不同的文件中——这样你就可以一边看着源代码,一边看着它们在浏览器中是如何被渲染的实际例子。
20. HTML 表单基础知识
- 详细资料
- 发布于 2012年9月18日
- 点击数:4691
序言
每个人都曾看到过和用过表单,不过你曾写代码创建过一个表单吗?
表单是网页上用于输入信息的区域,例如向文本框中输入文字或数字,在方框中打勾,使用单选按钮选中一个选项,或从一个列表中选择一个选项等。在你按下提交按钮后,表单就被提交到网站。
表单在网上随处可见,它们被用于在登录页面输入用户名和密码,对博客进行评论,在社交网络网站填写个人信息,或在购物网站指定记账信息等。
创建表单并不难,但要创建出符合 Web 标准的表单又是怎么样的呢?如果你已经通读了本课程前面的所有文章,也许已认识到 Web 标准是规范网页编写工作的好方式。因此,创建一个符合 Web 标准的、可访问性好的表单,并不比以不符合规范的代码编写一个不符合 Web 标准的表单更费力。
19. HTML 表格
- 详细资料
- 发布于 2012年9月18日
- 点击数:6084
序言
你如何使用 Web 标准来组织大量的数据呢?如果使用数量庞大的嵌套元素,将所有的数据都有序地放入行和方框中,一定会让你伤透脑筋。不过对此有一个好的解决办法,那就是使用表格。
对网页设计师来说,使用表格是将数据组织整理为表格形式的好方式。换句话说,表格、图表及其它信息图表可以帮助你阅读和处理经过整理的大量信息,让你可以对照和比较不同的数据。你在网上随时都可以看到各种表格和图表,如政治选举结果的摘要或比较、体育比赛的统计、价格比较表、尺码表等。
在互联网发展的早期,那时候 CSS 作为一种将表现从 HTML 的结构中分离出来的方法尚未得到运用,网页设计师普遍使用表格来进行页面布局,创建表格和方框等来安排页面内容的摆置。当然这是不正确的做法。使用表格进行页面布局,会使页面充斥着大量的嵌套表格和无用代码,从而导致文档体积膨胀,难于维护且难于修改。即使是现在,你都还能看到这类网站。不过你们一定要记住,应该只将表格用作其本身的用途,即把数据列入表格之中。至于页面布局,则应使用 CSS 来控制。