跨浏览器开发经验总结(一)HTML标记

合集下载

html5学习精选5篇案例

html5学习精选5篇案例HTML5是构建Web内容的⼀种语⾔描述⽅式。

HTML5是互联⽹的下⼀代标准，是构建以及呈现互联⽹内容的⼀种语⾔⽅式.被认为是互联⽹的核⼼技术之⼀。

下⾯给⼤家带来⼀些关于html5的学习⼼得，希望对⼤家有所帮助。

html5学习⼼得1⼀：了解HTML5前端开发技术HTML 指的是超⽂本标记语⾔ (Hyper Text Markup Language)，标记语⾔是⼀套标记标签 (markup tag)，HTML 使⽤标记标签来描述⽹页。

HTML5区别于HTML的标准，基于全新的规则⼿册，提供了⼀些新的元素和属性，在web技术发展的过程中成为新的⾥程碑。

HTML5被推⼴⽤于Web平台游戏开发，及⼿机移动领域，从市场来看，⽆论是桌⾯应⽤还是移动应⽤，HTML5都是当下Web技术中最炙⼿可热的新宠，是创新的主旋律，在不久的时间⾥⼀定会⼤有作为。

⼆：课程能让你学到什么从前端开发的基础出发，学习使⽤HTML，CSS，JavaScript等⼀系列前端技术，实现动画特效。

以开发实例展⽰为主导，循序渐进让学员掌握HTML5技术的应⽤。

强化学员基础，尤其是要针对JavaScpript基础的强化从⽽掌握HTML5新功能API。

HTML5培训内容⾸先是学习HTML5⽂档结构和基础语法，了解HTML5新特性，CSS3基础语法和布局样式，图形图像软件使⽤等。

移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使⽤⽅法。

移动前段综合开发;主要集中在H5+C3+jQ Mobile，基于HTML5的移动⽹页布局、移动⽹页界⾯样式(CSS3)、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应⽤、canvas和SVG的应⽤、桌⾯通知、离线应⽤、webGL基础及应⽤(3D⽹页游戏)、WEB前端框架(JQuery mobile、Sencha Touch、PhoneGap)、Cocos2d-HTML游戏引擎等。

html标签大全

html标签大全HTML标签大全。

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。

在HTML中，标签是用来定义网页结构和内容的。

本文将介绍一些常用的HTML 标签，以及它们的用法和示例。

1. 文本标签。

`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。

`<p>`，定义段落。

`<strong>`，定义加粗文本。

`<em>`，定义斜体文本。

`<u>`，定义下划线文本。

`<br>`，定义换行。

2. 链接标签。

`<a>`，定义超链接，href属性指定链接的地址。

`<img>`，定义图像，src属性指定图片的地址。

3. 列表标签。

`<ul>`，定义无序列表。

`<ol>`，定义有序列表。

`<li>`，定义列表项。

4. 表格标签。

`<table>`，定义表格。

`<tr>`，定义表格行。

`<td>`，定义表格数据单元格。

5. 表单标签。

`<form>`，定义表单，action属性指定表单提交的地址。

`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。

`<select>`，定义下拉框。

`<textarea>`，定义多行文本输入框。

`<button>`，定义按钮。

6. 多媒体标签。

`<audio>`，定义音频播放器。

`<video>`，定义视频播放器。

`<iframe>`，定义内联框架，用于嵌入其他网页。

7. 其他标签。

`<div>`，定义文档中的块级元素。

`<span>`，定义文档中的行内元素。

`<meta>`，定义网页的元数据，如字符集、关键词等。

如何进行跨浏览器测试与兼容性调试(一)

跨浏览器测试与兼容性调试在网页开发中是非常重要的一环，它确保了网站的稳定性和可访问性。

然而，由于不同浏览器对于HTML、CSS和JavaScript的解析方式不同，开发者经常面临诸多兼容性问题。

本文将就如何进行跨浏览器测试与兼容性调试进行探讨。

1.了解不同浏览器在开展跨浏览器测试与兼容性调试之前，首先应该深入了解不同浏览器的特点和差异。

目前市面上主要有Chrome、Firefox、Safari和Edge等浏览器，每个浏览器都有自己的特定标准和解析规则。

在了解这些差异之后，开发者才能更好地处理兼容性问题。

2.使用CSS重置文件不同浏览器对于HTML元素的默认样式有所差异，导致网站在不同浏览器上显示效果不尽相同。

为了避免这种情况，可以使用CSS重置文件来统一各个浏览器下的默认样式。

CSS重置文件通过将所有HTML元素的默认样式进行重置，使网站在不同浏览器中具备一致的外观。

3.适配移动端浏览器随着移动设备的普及，越来越多的用户选择使用移动设备浏览网页。

为了确保网站在移动端浏览器中的正常显示，开发者需要针对不同尺寸的移动设备进行适配。

可以使用媒体查询（media query）和流式布局等技术来实现网页的自适应，在不同尺寸的屏幕上都能够良好地呈现。

4.借助浏览器开发者工具进行调试现代浏览器普遍提供了强大的开发者工具，开发者可以借助这些工具来进行调试和测试。

例如，Chrome浏览器的开发者工具中的Elements面板可以实时编辑HTML和CSS，即时查看效果。

另外，Network面板可以查看网页的加载情况，Performance面板可以分析网页的性能。

这些工具提供了丰富的功能，方便开发者进行调试和优化。

5.使用跨浏览器测试工具为了更全面地测试网站在不同浏览器下的兼容性，开发者可以借助一些跨浏览器测试工具。

这些工具可以模拟不同浏览器和操作系统环境，快速地进行大规模的测试。

常用的跨浏览器测试工具有Selenium、BrowserStack和CrossBrowserTesting等。

html5总结笔记

HTML5是一种标记语言，用于创建和设计网页的结构和内容。

它是一种标准化的语言，被广泛应用于Web开发中。

以下是一些关于HTML5的总结笔记：语义元素：HTML5引入了许多新的语义元素，如<header>、<footer>、<article>、<section>等，这些元素可以帮助改善网站的可访问性和SEO。

字符编码：HTML5默认使用UTF-8字符编码，这有助于支
持多种语言和字符集。

多媒体元素：HTML5引入了<audio>和<video>元素，使得在网页上嵌入音频和视频变得更加简单。

图形元素：HTML5提供了<canvas>元素，可以使用JavaScript 在网页上绘制图形和动画。

表单元素：HTML5提供了更多
的表单元素和属性，如placeholder、autofocus、required等，使得创建表单更加方便和用户友好。

语义化标签：HTML5
引入了更多的语义化标签，如<nav>、<header>、<footer>等，这些标签可以帮助搜索引擎更好地理解网页内容。

离线存储：HTML5提供了离线存储机制，可以将数据存储在客户端设
备上，以便在离线时使用。

性能和集成：HTML5提供了更
好的性能和集成能力，支持Web Worker、Web Sockets等技术，使得开发复杂的应用程序更加容易。

HTML初级知识点总结,最详细的总结

HTML超文本标记语言，一种规范预定义,已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点）标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式,额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体，网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示，带有自动换行属性:align控制标题的对齐方式，取值left（左对齐，默认值）|center(居中）｜right （右对齐）2、段落标记<p〉效果:把内容分段展示，自动换行属性:align，控制段落内容的对齐方式,取值left（左对齐，默认值）|center（居中）｜right(右对齐）3、换行符〈br /〉，单标记，不需要结束标记，换行但不分段空格符号: 表示一个空格强制换行符：<br /〉4、水平线标记<HR />，单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素（px）width 控制水平线的长度,取值可以是像素单位,也可以是百分数（相对于浏览器窗口百分比)noshade设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐）｜center(居中，默认值）|right(右对齐）5、分节标记<div〉效果：把内容设置为一节，前后带有自动换行属性：align控制div中内容的对齐方式,取值left（左对齐，默认值）｜center（居中）|right（右对齐）6、居中标记符<center>效果：把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时,参考的是默认字体（3号），取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割,取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：<b>斜体：〈i>下划线:〈u〉删除线：<s〉上标:<sup〉下标：〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语，通常显示为黑体或斜体〈EM> 强调某些字词，通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词，通常显示为粗体<VAR> 表示变量，通常显示为斜体2、列表标记1、有序列表,〈ol〉，需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a｜i|I，默认是1start 控制列表的起始值，取值为任意的整数li的属性:type控制选项自身的符号样式，取值1|A｜a|i|Ivalue控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表，<ul>，配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式，取值disc(实心圆，默认值）｜circle（空心圆）｜square（方块）li的属性：type控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，<dl〉，完成对定义列表的声明<dt>，术语标记，可以理解为类似于列表选项的标题使用〈dd>,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：〈img>,单标记，不需要结束标记属性: src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.。

HTML（超文本标记语言）是制作网页的基础HTML标记是HTML...

第1章HTML基础HTML(超文本标记语言)是制作网页的基础。

HTML标记是HTML的核心与基础，用于修饰、设置HTML文件的内容及格式。

一个HTML文件中包含了所有将显示在网页上的文字信息。

其中也包括对浏览器的一些指示，如文字应放置在何处，显示模式如何等。

如果还有一些图片、动画、声音或是任何其他形式的资源，HTML文件也会告诉浏览器到哪里去查找它们，以及它们将放置在网页中的什么位置。

教学目标通过对本章的学习，读者应了解和掌握HTML的各种标记和语法，并能够使用HTML 设计简单的静态网页。

教学重点与难点●使用HTML设计静态网页●编辑网页文本格式●创建超链接●使用表格●使用列表1.1 网页基础知识Internet是从Interconnected Networks延伸而来的，是跨国界的网络。

Internet把世界各地数以千万计的计算机和传输线路连接在一起构成一个网络。

通过它可以交换信息、共享资源，并以此为基础实现各种计算机通信应用项目。

在Internet中，网页是它的重要组成部分，本节首先介绍一些与网页相关的名词和概念。

1.1.1 万维网——WWWWWW(World Wide Web)即环球信息网，也可以称为Web，中文名字为“万维网”。

用户在使用浏览器来访问Web的过程中，无须关心一些技术性的细节即可得到丰富的信息资料。

WWW 是Internet上发展最快和目前使用最广泛的一种服务。

ASP动态网站开发教程• 2 •简单的说，WWW是漫游Internet网的工具，它把Internet上不同地点的相关信息聚集起来，通过WWW浏览器(比如IE，Internet Explorer)检索，无论用户所需的信息在什么地方，只要浏览器为用户检索到之后，就可以将这些信息(文字、图片、动画、声音等)“提取”到用户的计算机屏幕上。

1.1.2 超文本传输协议——HTTPHTTP(HyperText Transfer Protocol)即超文本传输协议，它是WWW服务器上使用的最主要协议。

网页设计与制作教程之HTML代码

六级标题
<h6></h6>
将中间内容作为六级标题
无序号列表标记
<ul></ul>
将内容以无序号列表的形式展现
序号列表标记
<ol></ol>
将内容以有序号列表的形式展现
表格标记
<table>
定义表格
行标记
<tr>
定义表行
列标记
<th>
定义表列
表格标题
<caption>
定义表格标题
超链接标记
<a></a>
在屏幕上行显示一条水平线，用以分割页面中的不同
文字标记
<font>
设置文字属性
一级标题
<h1></h1>
将中间内容作为一级标题
二级标题
<h2></h2>
将中间内容作为二级标题
三级标题
<h3><四级标题
<h4></h4>
将中间内容作为四级标题
五级标题
<h5></h5>
将中间内容作为五级标题
（一）HTML的定义
HTML是Hypertext Makeup Language的缩写，即超文本标记语言，它是一种描述文档结构标记语言（非程序设计语言），是Internet上描述网页内容和外观的标准。几乎所有的网页都是由HTML语言或以其他语言（如JavaScript等）嵌入在HTML语言中编写的。
HTML语言使用一些约定的标记，对Web上的各种信息进行标注，浏览器会自动根据这些标记，在屏幕上显示出相应的内容，而标记本身不会在屏幕上显示出来。HTML文件一般以.htm或.html为扩展名。

html网页设计实训心得

html网页设计实训心得html网页设计实训心得「篇一」利用假期和休息时间，初步学习了有关html+css的知识，感触颇多。

做网站原来一直处于一种茫然的状态，边学边做，边实践边维护，每每遇到问题了，便会花费很大的精力去解决，在解决问题的过程中也慢慢提高，但工作有时相当的吃力。

通过一段时间详细的接触到html+css，从基础知识补起，利用空闲时间看书及有关div+css“布局入门教程”，它通过举一个例子，然后让你上机测试效果，让我有对样式表CSS有一个初步的印象，知道了CSS能做什么。

我觉得这份教程很有条理，由浅入深，一步一步引领你向前走，让你明白他们在说什么。

在些之前，我是从未接触过div+css的，甚至连dreamwear、photoshop的工具也都是皮毛。

我的学习思路是这样的：一、先写HTML还是先写CSS？对于一个新手而言，在有了一点html知识之后，对于CSS、DIV都感觉特别的疑惑，不知道这其中到底是什么联系？为什么用了CSS的网页不能像其它代码一样直观？html和css哪个先写？其实这些问题在我看完教程，但还没真正上手实践时的疑惑！等真正上手自己做时，我才发现应该两者同时写！二、把站点建好，目录建好，比如建好文件夹css,images,这两个是最其本的，然后新建一个.html空文件，一个.css空样式表，把.css外部样式表连接到.html这个文件上，链接写在中。

三、写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID 或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。

四、到样式表中写各个布局层的样式。

五、写一段代码后就进行浏览器的测试，同时用IE6与FF一起测试。

在浏览器中调试，调试时发现许多之前没有预料的问题，如浏览器的兼容问题、浮动的问题等。

六、不断的找出问题、理解怎么出错的，不断的再测试！这样的学习和研究过程，让我体验到了许多次的付出与回报的乐趣，如：第一：阅读一本书，一般来说我第一次要先把整个书通读一遍，不理解的也要往下看，因为在往下看的过程中也许会找到那个问题的答案，等看完后我会有一个大概的印象，但一定会有很多不明白的地方，没关系，继续往下看。

html作用

html作用HTML（超文本标记语言）是一种用于在网页上创建和组织内容的标记语言。

它使用标记标签来定义网页的结构和外观，包括文本、图像、链接和多媒体等元素。

HTML文件是由浏览器解释并呈现给用户的，其作用主要包括以下几个方面：1. 结构化文本：HTML允许开发者将文本内容组织成标题、段落和列表等结构化形式，使得浏览器能够正确地解析和显示文本。

2. 图像和媒体展示：HTML允许开发者插入图像、音频、视频等多媒体元素到网页中，丰富了页面的内容和呈现方式。

3. 超链接：HTML的一个重要功能是创建超链接。

通过HTML中的<a>标签，开发者可以在页面中插入链接到其他页面、文件、网站等，使得用户能够方便地跳转到其他相关资源。

4. 表单和用户交互：HTML通过表单元素（如<input>、<textarea>）提供了用户与网页进行交互的机制。

开发者可以使用HTML表单来收集用户的输入信息，并将其发送到服务器进行处理。

5. 搜索引擎优化：HTML的结构化特性使得搜索引擎能够更好地理解和索引网页内容。

通过使用正确的HTML标记和结构，开发者可以提高网页在搜索引擎结果中的排名和曝光度。

6. 跨平台和兼容性：HTML是跨平台的标记语言，几乎所有的操作系统和网络浏览器都支持HTML。

开发者编写的HTML代码可以在不同的设备和浏览器上运行，并且会自动适应不同的屏幕尺寸和分辨率。

7. 网站可访问性：HTML也具有提高网站可访问性的作用。

通过使用正确的HTML标记和结构，开发者可以使得网站符合无障碍标准，让所有用户，包括残疾人群体，都能够方便地访问和使用网站。

总的来说，HTML作为一种标记语言，在网页开发中扮演着非常重要的角色。

它不仅定义了网页的结构和外观，还提供了丰富的元素和功能，使得开发者能够创建各种各样的网页，并为用户提供丰富的信息和便利的交互方式。

HTML学习笔记

HTML学习笔记王慧东2017/11/6基础知识1、html：超文本标记语言，标记：就是用来描述网页内容的一些特定符号，不是编程语言，而是一种描述性的标记语言。

2、制作html网页文件a、新建一个记事本文件，将他重命名*.htmlb、在里面输入网页的信息内容c、在要修饰的内容的两侧加html标记3、html标记的语法：标记分为两种：单标记、双标记a、<标记符>没有结束的标记---单标记<标记名称>单一型，无属性值，如<br><标记名称属性=“属性值”>单一型，有属性值，如<hr width="50%">b、<开始标记><结束标记> ---双标记<标记名称></ 标记名称>没有属性值，如<title></title><标记名称属性=“属性值”></ 标记名称>有属性值<bodybgcolor="red"></body>注意：源代码中的效果，并不是浏览器最终的效果。

4、标记与属性、属性之间以空格分隔，属性不区分先后顺序，且属性不是必须的。

5、在xhtml中，规定，所有html标记都要小写，所有标记都要有关闭html---xhtml<br>---<br />6、html文档结构所有的网页文件，通常由四对标记来构成，文档的骨架：<html>标识网页文件的开始与结束，所有html元素都要放在这对标记中<head>标识网页文件的头部信息，如标题、搜索引擎的关键字等<title>标识网页文件的标题标题</title></head><body>标识网页文件的主题部分正文</body></html>7、meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

跨浏览器开发经验总结（二）CSS ，书写代码的同时多考虑一些多浏览器的兼容性问题。

怎样才能符合标准。

为页面添加DOCTYPE
由于不同浏览器对标签,样式表的解释不尽相同,所以需要为html文件定义一个标准的文档类型,使不同浏览器尽量按照一个统一的html标准来解析渲染页面。

!DOCTYPE 声明指定文档遵从的DTD，如：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
标准HTML标签的正确使用
尽量使用div+css布局,不用table做布局。

使用table做布局容易造成代码冗余，相对<div></div>编写来说，代码繁多。

并且，table需要将元素都下载后进行显示，相应的网页打开速度也较慢。

应该使用标准化的页面结构：DIV+CSS。

这种布局方式代码简洁，页面浏览速度较快，页面布局灵活，改版时只需改CSS样式即可实现页面重新布局，而不用改动程序，从而降低了网站改版的成本。

注意标签的闭合关系,尤其是在form标签中嵌套div等其他标签时。

有的时候页面上会出现多余的空白，即使重新设置了margin也无法避免，这个时候有可能是页面元素标签闭合出现了不配对的情况，如：
<div class=”outer”>
<form name=”testForm”>
<div class=”inner”>
<input name=”title”type=”text”/>
</form>
</div>
</div>
定义table时使用tbody元素，以保证包括IE在内的所有浏览器可正确使用
即使table没有显示定义tbody元素,浏览器也会认为tr节点的父节点是一个自动添加的默认tbody节点.为了避免使用javascript操纵tr节点时可能产生的误会, 还是手动添加一个比较好，如：
<table id=”myTable”>
<tbody id=”myTableBody”>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
注意标签及属性的大小写
有的时候，有些绑定在元素上的事件在IE浏览器下响应，在safari或其他浏览器下却不响应。

这时候需要检查事件绑定方式的正确性，高级事件的绑定需要区别IE和其他浏览
器写两套javascript，而简单事件模型需要注意一下绑定事件名的大小写。

如：<input type=”text”name=”keywordSearch”onFocus=”clearValue()”>
这里应该用小写的onfocus，并且显示的添加标签闭合符号才是规范的写法。

<input type=”text”name=”keywordSearch”onfocus=”clearV alue()”/>
注意标签的属性值设置
<script>标签的language和type属性
<script>标签的language属性是用来定义脚本语言版本的，正确的赋值应该形如<script>用来告诉浏览器（主要是IE）使用1.2版本的javascript语法来解释；而type 属性才是用来定义脚本类型的，是w3c的标准属性，并且使用小写属性才是符合标准的做法。

如果不是特别情况下需要告诉浏览器按照较低版本的javascrip语言进行解释的话（目前大多数浏览器支持的javascript版本是1.5），一般不需要定义language属性，但是type属性是需要定义的。

所以应该把代码中的
<SCRIPT Language="JavaScript">改为<script>
<a>标签的alt和title属性
虽然alt和title这两个属性的值在IE下都会以tool tip的方式在鼠标悬停时显示，但是二者还是有区别的。

alt是图片没有显示出来的时候的替代显示，而title才是鼠标放到上面时的提示。

<input>标签的checked、readonly属性
在早期版本的HTML中，并没有强制规定所有的属性都应该赋值，在表示一个选中的复选框时，<input checked > 这样的写法是被认可的。

但是根据XHTML的标准，这样的文法并不是一个严格的XML格式，应该注意对属性的赋值和标签的闭合，以顺应HTML 标准发展的趋势，写成这样：
<input checked="checked" />
<input readonly="readonly" />
<option>标签的select ed属性
与上一条相同的理由，<select>选项中<option>标签的selected属性也应该赋值：
< option selected="selected" />
<img>标签的align="absmiddle" 属性
根据XHTML的标准，HTML标签应该专注于内容的表示，而不是样式的控制，样式应该交给CSS调整。

所以废弃了一些旧的标签和属性，比如<em>标签和<i>标签都会让标签内容中文字以斜体显示，但是<i>标签这种单纯以样式命名的标签已经属于废弃的标准了，取而代之的是表示emphasis（强调）含义的<em>标签。

同理，<img>标签的和align="absmiddle" 属性表示该图片和相邻文字垂直居中对齐，这也是表示样式的属性，应该使用CSS而不是这个属性来控制图片的对齐样式，避免两处样式控制的相互影响。

从实用角度出发，最好不要规
定cellpadding，而是使用CSS 来控制单元格的内边距。

<td>标签的nowrap属性
nowrap是表示内容不自动换行的属性，但是同上面的属性一样，这是一个控制样式的属性。

在HTML 4.01 中，<td>标签的"bgcolor"、"height"、"width" 以及"nowrap" 是不被赞成使用的。

在XHTML 1.0 Strict DTD 中，<td>标签的"bgcolor"、"height"、"width" 以及"nowrap" 是不被支持的。