html网页制作中的问题,网页制作中注意应用HTML标签的问题

网页制作网络技术需要大家共同分享，不能闭门造车，下面是bj-dns文章简介：本文介绍了在网页制作学习中应该注意的使用的一些HTML标签的问题。

HTML已经尝试去除表现和朝向内容发展，导致这样一个基本原理：从表现(CSS)中分离出内容意义(HTML)。这将会给网页减肥，因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。

部分不良标签基本上是表现标签(比如small)，它们可以用更有意义和更简单的CSS规则取代。其他的不仅用于表现，而且还是不必要的庞大(比如font标签)或者对可用性有害的可恶的(比如blink)。

标签

下面这些是你可能会经常碰到的可以有更好选择的标签：

上述的标签与最新的HTML标准尽管都兼容，但对内容却没有任何好标签应有的意义。They could be more useful but they aren't particularly harmful, and might easily be mistaken for innocent butter-wouldn't-melt-in-their-mouth nuggets of pure goodness when standing next to the following filthy tags.

属性

可能你认为你正在使用良好的标签，但还是有一些麻烦的寄生虫属性潜伏，它们随时会冒出来。

良好标签，不良使用

要进入你的卧室你可以弯腰通过一个狗洞，但等等，还有一扇有把手的为人类准备的门！哇，看——刚好适合一个进入。

使用HTML标签(好标签)，无论相信与否(相信它！)，有一个很好的的理由：你使用它们有一个好前提，你就会有一个更好的结果。

网页本身对用户来说，比起HTML标签语法语义更易用，屏幕阅读器常会在遇到一个ul标签或者有着h1或h2的标题标签时强调突出它们。

在HTML标签世界中最被滥用的就是表格了。表格常常用来布局，但表格应该仅仅只用来展示表格式数据，就如它们本身的设计意图。不用表格的布局方法不是追求开悟的某种禅，它不仅可以显著地为网页减肥，而且更易于维护和重新设计。

框架

Goldilocks认为喝上一杯麦片粥是一个不错的注意，但三个硕大的肉食哺乳动物突然出现，把她丢出窗户。框架就是装麦片粥的杯子。它们看起来似乎不错，但已经到了濒危阶段而且很快就会消失。

大部分的网站并不是用框架，而一般用户也会把一个文档当作一页。

有些情况，如你要防止用户不能把特定的网页添加到书签，又如你希望用户用Email或即时聊天软件推荐特定的网页，又或你想把整个网站变得十分复杂，让使用屏幕阅读器的用户在框架之间频繁操作，还或者你想迷惑搜索引擎，够了够了，你使用框架吧！

总之，框架只会增加复杂性和丧失可用性。

html网页制作中的问题,网页制作中注意应用HTML标签的问题相关推荐

黑马程序员中的简单网页制作
前言黑马程序员中的简单网页制作代码如下(示例): <!DOCTYPE html> <html lang="en"><head><met ...
B1HTML5期末大作业：动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...
使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具
查看本章节查看作业目录需求说明: 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具实现思路: 使用history对象中的 forward() 方法和 ...
网页设计中的表格的制作
网页中基础表格的制作首先,先了解一些基础的知识表格基础属性表格中列的合并语句 colspan="要合并的列数" 表格中行的合并语句 rowspan="要合并的行数& ...
分析动态网页客户-服务器工作过程,网页制作中asp技术的应用
摘要: 是在当前我国信息化技术发展速度不断加快, 对于用户和企业来讲对信息的需求方式产生了很多转变, 用户或者是企业对多样性.时效性.安全性以及大容量性的信息需求量更大.所以说在网站的制作上需 ...
HTML5期末大作业：动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...
html中如何写新闻题目,用DIV+CSS实现网页排版中新闻列表的制作
css代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0p ...
html中如何让网页不失真,制作好的网页在不同分辨率的电脑上浏览时大小不同，我该怎么办？怎么设置？...
制作好的网页在不同分辨率的电脑上浏览时大小不同,我该怎么办?怎么设置?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! ...
【前端实例代码】使用 HTML CSS实现指纹扫描仪特效动画效果 |前端开发网页制作基础入门教程网页开发中常见的样式与特效，收藏起来肯定用的上~
b站视频演示效果: [web前端特效源码]使用 HTML CSS 和 JavaScript 实现指纹扫描仪特效动画效果 |前端开发网页制作基础入门教程效果图: 完整代码: <!DOCTYP ...
在html中插入层,网页制作问题-在背景上添加一个或多个层（也就是层叠）是怎么做的？...
动态的网页技术(DHTM)已经非常普及,本文强力向大家推荐一段完整并且是经典的网页多层代码,适用于IE及NETSCAPE游览器,可实现完善的二层网页功能,具体代码请见面文后程序. 该段代码功能:打开该 ...

html网页制作中的问题,网页制作中注意应用HTML标签的问题

html网页制作中的问题,网页制作中注意应用HTML标签的问题相关推荐

最新文章

热门文章