为了成为一名初级前端开发工程师,最近正在探寻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. thinphp框架的项目svn重新检出后的必备配置

    刚刚试着去了解thinkphp框架,在这里做一些笔记,后续有新的总结会更新到这里,如有错误与遗漏,望大家指正. 用thinkphp框架的项目,在用svn重新检出之后,需要进行一些基本配置,方可在本地打 ...

  2. Tomcat报java.lang.OutOfMemoryError: Java heap space错误停止运行如何解决

    最近开发的一个商业项目,部署完成后,经常出现Tomcat挂掉的现象,报的异常是:java.lang.OutOfMemoryError: Java heap space,上网google了一下,了解了一 ...

  3. HTTP的长连接和短连接——Node上的测试

        本文主要从实践角度介绍长.短连接在TCP层面的表现,借助Node.JS搭建后台服务,使用WinHTTP.Ajax做客户端请求测试,最后简单涉及WebSocket.     关键字:长连接.短连 ...

  4. BFC之浅析篇

    BFC是什么呢? 掏粪男孩? 当然不是咯.BFC,英文名Block formatting context,直译为“块级格式化上下文”.它是W3C CSS 2.1规范中的一个概念,决定了元素如何对内容进 ...

  5. 窥探Swift之类的继承与类的访问权限

    上一篇博客<窥探Swift之别具一格的Struct和Class>的博客可谓是给Swift中的类开了个头.关于类的内容还有很多,今天就来搞一下类中的继承以及类的访问权限.说到类的继承,接触过 ...

  6. 小菜学习设计模式(一)—模板方法(Template)模式

    前言 设计模式目录: 小菜学习设计模式(一)—模板方法(Template)模式 小菜学习设计模式(二)—单例(Singleton)模式 小菜学习设计模式(三)—工厂方法(Factory Method) ...

  7. 利用免费的Spire.XLS控件制作Excel报表

    我们小组上个季度接手了一个项目其中需要实现创建excel文档的功能,寻找实现这个功能的控件的任务分配给了我,通过百度搜索我找到了一个免费的控件,它是由E-iceblue公司推出的spire.xls控件 ...

  8. Oracle同义词+dblink的实际应用

    Oracle同义词+dblink的实际应用 业务需求:原数据库(10.2.0.4.0),新数据库(11.2.0.3) 由于程序的需求原因,现在需要把新库上的某个用户直接映射到老库用户下: 1. 备份原 ...

  9. Cesium应用篇:2影像服务(上)

    文章中相关范例下载路径:https://yunpan.cn/cByQqkANWN7Pu 访问密码 823d        Cesium中提供了多种ImageryProvider方式,来满足用户的实际需 ...

  10. Android APP压力测试(二)之Monkey信息自动收集脚本

      Android APP压力测试(二) 之Monkey信息自动收集脚本 前言: 上一篇Monkey介绍基本搬抄官方介绍,主要是为了自己查阅方便.本文重点介绍我在进行Monkey时如何自动收集相关信息 ...