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 这个东西呢是需要 ...
随机推荐
- thinphp框架的项目svn重新检出后的必备配置
刚刚试着去了解thinkphp框架,在这里做一些笔记,后续有新的总结会更新到这里,如有错误与遗漏,望大家指正. 用thinkphp框架的项目,在用svn重新检出之后,需要进行一些基本配置,方可在本地打 ...
- Tomcat报java.lang.OutOfMemoryError: Java heap space错误停止运行如何解决
最近开发的一个商业项目,部署完成后,经常出现Tomcat挂掉的现象,报的异常是:java.lang.OutOfMemoryError: Java heap space,上网google了一下,了解了一 ...
- HTTP的长连接和短连接——Node上的测试
本文主要从实践角度介绍长.短连接在TCP层面的表现,借助Node.JS搭建后台服务,使用WinHTTP.Ajax做客户端请求测试,最后简单涉及WebSocket. 关键字:长连接.短连 ...
- BFC之浅析篇
BFC是什么呢? 掏粪男孩? 当然不是咯.BFC,英文名Block formatting context,直译为“块级格式化上下文”.它是W3C CSS 2.1规范中的一个概念,决定了元素如何对内容进 ...
- 窥探Swift之类的继承与类的访问权限
上一篇博客<窥探Swift之别具一格的Struct和Class>的博客可谓是给Swift中的类开了个头.关于类的内容还有很多,今天就来搞一下类中的继承以及类的访问权限.说到类的继承,接触过 ...
- 小菜学习设计模式(一)—模板方法(Template)模式
前言 设计模式目录: 小菜学习设计模式(一)—模板方法(Template)模式 小菜学习设计模式(二)—单例(Singleton)模式 小菜学习设计模式(三)—工厂方法(Factory Method) ...
- 利用免费的Spire.XLS控件制作Excel报表
我们小组上个季度接手了一个项目其中需要实现创建excel文档的功能,寻找实现这个功能的控件的任务分配给了我,通过百度搜索我找到了一个免费的控件,它是由E-iceblue公司推出的spire.xls控件 ...
- Oracle同义词+dblink的实际应用
Oracle同义词+dblink的实际应用 业务需求:原数据库(10.2.0.4.0),新数据库(11.2.0.3) 由于程序的需求原因,现在需要把新库上的某个用户直接映射到老库用户下: 1. 备份原 ...
- Cesium应用篇:2影像服务(上)
文章中相关范例下载路径:https://yunpan.cn/cByQqkANWN7Pu 访问密码 823d Cesium中提供了多种ImageryProvider方式,来满足用户的实际需 ...
- Android APP压力测试(二)之Monkey信息自动收集脚本
Android APP压力测试(二) 之Monkey信息自动收集脚本 前言: 上一篇Monkey介绍基本搬抄官方介绍,主要是为了自己查阅方便.本文重点介绍我在进行Monkey时如何自动收集相关信息 ...