为了成为一名初级前端开发工程师,最近正在探寻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标签界里不会再用到的标签属性(一)的更多相关文章

  1. 在循环列表的富文本里摘出每个item的img标签内容(适合vue渲染)

    昨天在做公司项目的社区动态内容.后台接口返回的数据是数组套对象,对象里有富文本,然后需要摘出富文本里的img标签在列表里分开渲染(即图片九宫格样式).最终效果如图: 这个是后盾接口返回的json数据 ...

  2. HTML标签 select 里 动态添加option

    HTML标签 select 里 动态添加option: ☆ var today = new Date(); var yearNow = today.getFullYear(); var optiong ...

  3. 用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

    今天我无意间看到一个面试题: 如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签? 不知你看到 是否蒙B了,如果是我 面试,肯定脑子嗡嗡的响.... 网上搜了搜也没有找到答 ...

  4. 前端 HTML body标签相关内容 常用标签 表单标签 form里面的 label标签介绍

    定义:<label> 标签为 input 元素定义标注(标记). label标签功能:关联input标签文本与表达元素,点击input标签文本时,如同点击表单元素一样. label标签是行 ...

  5. jQ给下拉框绑定事件,为什么要绑定在框(select标签)上,而不是绑定在选项(option标签)上

    这是我在学习锋利的 jquery 书中 5.1.4 的代码时遇到的一个小问题,源代码如下: <head> <style type="text/css"> * ...

  6. hibernate中保存一个对象后再设置此对象的属性为什么不需要调用update方法了

    hibernate中保存一个对象后再设置此对象的属性为什么不需要调用update方法了 例如session.save(user);user.setAge(20); 原因: hibernate对象的三种 ...

  7. Struts标签、Ognl表达式、el表达式、jstl标签库这四者之间的关系和各自作用

    我之前虽然会用,但是一直分不清彼此之间有什么区别,所以查找资料,将它们进行整合区分,加深了解, 一 介绍 1.Struts2的作用   Struts2标签库提供了主题.模板支持,极大地简化了视图页面的 ...

  8. a标签在编辑器中可以整体删除并且a标签为不可编辑的情况下 标签依然存在(棒棒哒)

    a标签在编辑器中可以整体删除并且a标签为不可编辑的情况下 标签依然存在 因为给a标签的后面 添加了一个空元素,如<i></i>(棒棒哒)<div contentEdita ...

  9. 小程序之从后台取到数据后放入想要的标签list里

    问题:事情是这样的,我有一个标签的功能,but   我怎么吧后台取到的数据放到我想要的标签里呢,而且是那种多个数据自己会加一个标签的内种,效果如下 解决:我们需要用到wx:for   这个东西呢是需要 ...

随机推荐

  1. 外接程序“VMDebugger”未能加载或者导致了异常。是否希望移除该外接程序?

    收工~

  2. 上传伪技术~很多人都以为判断了后缀,判断了ContentType,判断了头文件就真的安全了。是吗?

    今天群里有人聊图片上传,简单说下自己的经验(大牛勿喷) 0.如果你的方法里面是有指定路径的,记得一定要过滤../,比如你把 aa文件夹设置了权限,一些类似于exe,asp,php之类的文件不能执行,那 ...

  3. C#设计模式系列:适配器模式(Adapter)

    在实际的软件系统设计和开发中,为了完成某项工作需要购买一个第三方的库来加快开发.这带来一个问题,在应用程序中已经设计好的功能接口,与这个第三方提供的接口不一致.为了使得这些接口不兼容的类可以在一起工作 ...

  4. 【WP开发】不同客户端之间传输加密数据

    在上一篇文章中,曾说好本次将提供一个客户端之间传输加密数据的例子.前些天就打算写了,只是因一些人类科技无法预知的事情发生,故拖到今天. 本示例没什么技术含量,也没什么亮点,Bug林立,只不过提供给有需 ...

  5. 前端工程师技能之photoshop巧用系列第一篇——准备篇

    × 目录 [1]作用 [2]初始化 [3]常用工具[4]快捷键 前面的话 photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可.本文 ...

  6. Javascript正则构造函数与正则表达字面量&&常用正则表达式

    本文不讨论正则表达式入门,即如何使用正则匹配.讨论的是两种创建正则表达式的优劣和一些细节,最后给出一些常用正则匹配表达式. Javascript中的正则表达式也是对象,我们可以使用两种方法创建正则表达 ...

  7. js简单操作Cookie

    贴一段js简单操作Cookie的代码: //获取指定名称的cookie的值 function getCookie(objName) { var arrStr = document.cookie.spl ...

  8. C语言 第三章 基础编程测试与练习

    1.屏幕上输出:This is a C program 2.输入两个整数,求两个数的和,如下所示:请输入第1个数:5请输入第2个数:3 3加5的和是8 3.完成华氏温度与摄氏温度间的转换,如下所示:请 ...

  9. struts2学习笔记--使用servletAPI实现ajax的一个小Demo

    这个例子是点击网页上的一个button,然后调用action,使用response项前台打印"哎呦 不错哦",当然是以异步形式实现. jsp页面: <head> < ...

  10. 使用Github进行合作开发

    首先需要注册自己的github账号,然后 在本地生成ssh-key: 安装git,在本地任何文件夹上,右键,选择git bash here: 然后: git config --global user. ...