• 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
Copyright © 2020-2023  润新知