当前位置: 首页 > news >正文

XHTML--1

XHTML:Hypertext Marktext Language超文本标记语言。

XHTML与HTML主要区别:

(1)元素必须正确嵌套。

(2)XHTML元素必须被关闭。

(3)标签名必小写。

(4)XHTML必有一个根元素。

(5)XHTML属性名称必小写,必加引号,不能简写,用id属性代替name属性。

(6)XHTML DTD定义了强制使用的html元素

xhtml三个主要部分:DOCTYPE,head,body。

基本结构:

<! DOCTYPE...>

<html>

<head>

   <title>...</title>

</head>

   <body>...</body>

</html>

文档类型声明定义文档的三种类型:Strict(严格类型),Transitional(过渡类型),Frameset(框架类型).

<!DOCTYPE html

PUBLIC"-//W3C//TDT XHTML 1.0 Strict(或Transitional或Frameset)//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict(或Transitional或Frameset).dtd">

Strict类型:需要干净的标记,避免表现上的混乱,常与CSS合用。

Transitional类型:利用html表现上的特性,为不支持CSS的浏览器编写XHYML时使用。

Frameset类型:使用html框架将浏览器窗口分割成多个框架时使用。

1.文档头

a.  <head>...<head/>中可以使用的标记:<title>...</title>,<!--...-->,<meta>

 详解<maea>描述标记,描述网页文档的属性参数。

 格式为<meta 属性=“值”.../>常用属性name(meta的名字) ,content(页面的内容),http-eauiv(content属性的类别),http-equiv取不同值,content的内容也不一样.

  <meta name="description" http-equiv="Content-type" content="text/html;charset=gb2312"/> :网页为xhtml型,编码规则为gb2312.

 <meta http-equiv="refresh" content="10;URL=xxx.htm"/>:content 表示刷新时间。十秒刷新,无url则刷新本页。

 <meta htttp-equiv="Content-language" content="en-us"/>:content表示语言类型为美国语言。

 http-equiv="pic-Lable":content 表示页面内容等级。

 http-equiv="expries": content表示页面过期日期。

<script language="javascript">....</script>:中间插入脚本语言程序(javascript或者jquery)。

b.文档正文<body 属性=“值” 事件=“执行的程序”...>...</body>

<body>属性: background,bgcolor,text(文本的颜色),link(链接的颜色),vlink(访问过的链接的颜色),alink(正选择的链接颜色)

           事件:onload(首次加载时调用),onunload(卸载时调用)

c.文本格式:分段,换行,段落对齐方式,字体,字号,文本颜色,字符样式等。

   分段:<p 属性=“值”...>...</p> :常用属性align(left左对齐为默认,center,right,justify两端对齐)

   换行:<br/>

   标题标记:<hn 属性=“值”>....</hn>:hn取值h1,......,h6,为黑体,h6最大,也有align属性。

   对中标记:<center>....</center>

   块标记:<div 属性="值"....>...</div>,常用属性align。常用与布局用。

   行内布局span:<span...>...</span>:用于一行内的布局,行被span块分割为几个不同区域,实现特定效果布局,可以自定义宽和高。span作为文本或者内联元素的容器,与CSS布局有很重要的作用。

 

 

转载于:https://www.cnblogs.com/lovelifeloveme/p/3176966.html

相关文章:

  • 如何快速去掉.svn文件夹?
  • js英雄对战小游戏 看看你的人品
  • mongodb在PHP下的应用学习笔记
  • 最长公共子序列问题(不连续)
  • Oracle动态执行表不可访问
  • 给公司服务器装web服务器,邮件服务器——安装SecureCRT
  • Set Keep-Alive Values---C到C#代码的转换
  • poj 2388 Who's in the Middle(快速排序求中位数)
  • com.javax.servlet 慢慢看完慢慢学完
  • margin标记可以带一个、二个、三个、四个参数,各有不同的含义。
  • jQuery – 8.事件和事件参数
  • 面试题20:栈的压入、弹出序列
  • 求字符串组合
  • PHP event 事件机制
  • 基于协同过滤的推荐引擎
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 〔开发系列〕一次关于小程序开发的深度总结
  • 5、React组件事件详解
  • CSS实用技巧干货
  • JAVA SE 6 GC调优笔记
  • java8 Stream Pipelines 浅析
  • JAVA多线程机制解析-volatilesynchronized
  • passportjs 源码分析
  • Promise面试题2实现异步串行执行
  • Python3爬取英雄联盟英雄皮肤大图
  • Redis字符串类型内部编码剖析
  • XForms - 更强大的Form
  • 关于for循环的简单归纳
  • 聚类分析——Kmeans
  • 如何在 Tornado 中实现 Middleware
  • 软件开发学习的5大技巧,你知道吗?
  • 使用 @font-face
  • 思否第一天
  • 一起参Ember.js讨论、问答社区。
  •  一套莫尔斯电报听写、翻译系统
  • 【云吞铺子】性能抖动剖析(二)
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • (js)循环条件满足时终止循环
  • (翻译)Entity Framework技巧系列之七 - Tip 26 – 28
  • (翻译)terry crowley: 写给程序员
  • (附源码)spring boot校园拼车微信小程序 毕业设计 091617
  • (附源码)基于SpringBoot和Vue的厨到家服务平台的设计与实现 毕业设计 063133
  • (附源码)计算机毕业设计ssm基于B_S的汽车售后服务管理系统
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (四)搭建容器云管理平台笔记—安装ETCD(不使用证书)
  • *Algs4-1.5.25随机网格的倍率测试-(未读懂题)
  • .mysql secret在哪_MySQL如何使用索引
  • .net core 控制台应用程序读取配置文件app.config
  • .Net Winform开发笔记(一)
  • @ComponentScan比较
  • @Responsebody与@RequestBody
  • [ Linux ] Linux信号概述 信号的产生
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [ARM]ldr 和 adr 伪指令的区别