HTML标签界里不会再用到的标签属性(一)
为了成为一名初级前端开发工程师,最近正在探寻HTML标签的众多奥秘,果不其然,让我发现了许多被“冷落”了的标签属性。
一、<!DOCTYPE>
自从HTML5流行之后,<!DOCTYPE html>成了最常用的文档声明(起码在我看来),那么自然而然的以下的文档声明就会被逐渐地不再变得常用(以下声明都引用DTD)。
1、HTML 4.01 Strict
该DTD包含所有HTML元素和属性,但不包括展示性(类似HTML5中的article、footer)的和弃用的元素(比如center、big、tt等,下一篇会详细列举被弃用的HTML元素)。不允许框架集(Framesets)。

2、HTML 4.01 Transitional
该DTD 包含所有HTML元素和属性,包括展示性(类似HTML5中的article、footer)的和弃用的元素(比如center、big、tt等,下一篇会详细列举被弃用的HTML元素)。不允许框架集(Framesets)。

3、HTML 4.01 Frameset
该DTD 等同于HTML 4.01 Transitional,但允许框架集内容。

4、XHTML 1.0 Strict
该DTD包含所有HTML元素和属性,但不包括展示性(类似于HTML5的article、footer)的和弃用的元素(比如center、big、tt)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

5、XHTML 1.0 Transitional
该DTD包含所有HTML元素和属性,包括展示性(类似于HTML5的article、footer)的和弃用的元素(比如center、big、tt)。不允许框架集(Framesets)。必须以格式正确的 XML 来编写标记。

6、XHTML 1.0 Frameset
该DTD等同于XHTML 1.0 Transitional,但是允许框架集(Framesets)。

7、XHTML 1.1
该DTD等同于XHTML 1.0 Strict,但允许添加模型(例如提供对东亚语系的ruby支持)。

参考地址:http://www.w3school.com.cn/tags/tag_doctype.asp
二、<body>属性
最近查找了一些资料,才发现,之所以body中的属性不被赞成使用或者不支持使用,是与DTD定义的规则有关,比如在HTML 4.01中,所有body元素的“呈现属性”均不被赞成使用。以下属性全部进行代码比较。
1、alink
alink属性规定了文档中活动链接的颜色(active link),包括<a>,<img>,<form>等标签。

但是在实际应用中,采用CSS样式来替代:

2、link
link属性规定了文档中没有被访问到的链接的颜色,包括了<a>,<img>,<form>等标签。

在CSS样式中同样用样式代替了:

3、vlink
vlink属性规定了文档中已被访问过的链接的颜色,包括了<a>,<img>,<form>等标签。

同样在CSS中可以用更方便的样式来取代:

4、background
该属性规定了文档的背景图片

在CSS中推荐使用以下样式进行代替:

5、bgcolor
该属性定义了文档的背景颜色

而在CSS中的替代属性感觉变化不是很大:

6、text
text属性规定了文档中所有文本的默认颜色

如果用CSS的规则来规定body元素的行内样式属性,则是这样的:

参考地址:http://www.w3school.com.cn/tags/tag_body.asp
-------------------------------------------------------------------------------------------------------------------------
今天又向初级靠近了一点。
HTML标签界里不会再用到的标签属性(一)的更多相关文章
- 在循环列表的富文本里摘出每个item的img标签内容(适合vue渲染)
昨天在做公司项目的社区动态内容.后台接口返回的数据是数组套对象,对象里有富文本,然后需要摘出富文本里的img标签在列表里分开渲染(即图片九宫格样式).最终效果如图: 这个是后盾接口返回的json数据 ...
- HTML标签 select 里 动态添加option
HTML标签 select 里 动态添加option: ☆ var today = new Date(); var yearNow = today.getFullYear(); var optiong ...
- 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签
今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...
- 前端 HTML body标签相关内容 常用标签 表单标签 form里面的 label标签介绍
定义:<label> 标签为 input 元素定义标注(标记). label标签功能:关联input标签文本与表达元素,点击input标签文本时,如同点击表单元素一样. label标签是行 ...
- jQ给下拉框绑定事件,为什么要绑定在框(select标签)上,而不是绑定在选项(option标签)上
这是我在学习锋利的 jquery 书中 5.1.4 的代码时遇到的一个小问题,源代码如下: <head> <style type="text/css"> * ...
- hibernate中保存一个对象后再设置此对象的属性为什么不需要调用update方法了
hibernate中保存一个对象后再设置此对象的属性为什么不需要调用update方法了 例如session.save(user);user.setAge(20); 原因: hibernate对象的三种 ...
- Struts标签、Ognl表达式、el表达式、jstl标签库这四者之间的关系和各自作用
我之前虽然会用,但是一直分不清彼此之间有什么区别,所以查找资料,将它们进行整合区分,加深了解, 一 介绍 1.Struts2的作用 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的 ...
- a标签在编辑器中可以整体删除并且a标签为不可编辑的情况下 标签依然存在(棒棒哒)
a标签在编辑器中可以整体删除并且a标签为不可编辑的情况下 标签依然存在 因为给a标签的后面 添加了一个空元素,如<i></i>(棒棒哒)<div contentEdita ...
- 小程序之从后台取到数据后放入想要的标签list里
问题:事情是这样的,我有一个标签的功能,but 我怎么吧后台取到的数据放到我想要的标签里呢,而且是那种多个数据自己会加一个标签的内种,效果如下 解决:我们需要用到wx:for 这个东西呢是需要 ...
随机推荐
- 薪资至少10K的一道题,你能拿下吗
我所了解的华为: 应届本科生8k+ 应届硕士生10k+ 应届博士生12k+ 看到后什么感想?有没有只恨生不逢时运不佳的感觉? 很多人做3年多甚至更久,才能达到这个薪资水平,还不如一个新生. 在我看来, ...
- Exception:HTTP Status 500 - org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)
主要错误信息如下: HTTP Status 500 - org.apache.ibatis.binding.BindingException: Invalid bound statement (not ...
- 利用扩展事件进行调优和Troubleshooting PPT分享
本篇主题是我在2015年中国数据库大会(DTCC)上的分享,扩展事件从2008版本出来到现在已经有6-7年,国内却很少有相关资料和使用,现在分享一下PPT,希望对大家有所帮助. 可 ...
- Building OpenCascade on Windows with Visual Studio
Building OpenCascade on Windows with Visual Studio eryar@163.com 摘要Abstract:详细说明OpenCascade的编译配置过程,希 ...
- Web API接口之FileReader
Web API接口之FileReader *:first-child { margin-top: 0 !important; } body>*:last-child { margin-botto ...
- EntityFramework 如何查看执行的 SQL 代码?
在 VS 调试的时候,如果我们项目中使用的是 EntityFramework,查看 SQL 执行代码就不像 ADO.NET 那样直观了,我们需要设置下,可以参考下: How can I log the ...
- Spire.Pdf 的各种操作总结
Spire.Pdf 的各种操作总结 简介 试验新产品总是给我带来许多挑战,当然这也是一个引进创新技术的好方法.在这里我要跟大家分享的是使用Spire.Pdf的过程,它是来自E-iceblue公司的轻 ...
- Cesium原理篇:7最长的一帧之Entity(下)
上一篇,我们介绍了当我们添加一个Entity时,通过Graphics封装其对应参数,通过EntityCollection.Add方法,将EntityCollection的Entity传递到DataSo ...
- [python]CentOS 6下安装Python2.7
安装方法 如果在CentOS上自己编译安装过python2.7,使用过程中会发现有些标准库没有安装之类的问题. 逛别人博客的时候发现,一个便捷的方法:使用RHSCL的全称是Red Hat Softwa ...
- 如何访问facebook (转)
对于普通大众,访问facebook需要两个条件:1)使用代理 2)翻译网页内容.本文将介绍怎样安全高速地访问诸如facebook之类的国外网站,并提供相关软件下载. 工具/原料 chromeGAE软件 ...