zoukankan      html  css  js  c++  java
  • xhtml的学习笔记

    第一节 为什么使用xhtml

    1.标准化,很高的兼容性,避免了糟糕的代码显示。

    第二节 xhtml与html的区别

    1.正确的嵌套 
    2.正确的关闭 
    3.必须用小写字母 

    4.xhtml必须有根元素


    形如:

    <html>
     <head>
       <body>
       </body>
     </head>
    </html>


    第三节 xhtml的语法

    1.属性名称必须小写 
    2.属性值必须加引号 
    3.属性不能简写 
    4.用ID值代替name属性

    5.lang属性:lang广泛适用于xml中,如果要定义某一个块内的语言,就要在块中加入:xml:lang

    形如:`

    haha

    6.最小切强制的xhtml代码

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>this is title</tilte>
    </head>
    
    <body>
    </body>
    
    </html>

    关于xmlns 的作用:由于xml可以建立自己的标记,为了防止共享时和别人的冲突,所以提供了一个网址来识别标记,这个网址就是http://www.w3.org/1999/xhtml

    第四节 DTD

    1.什么是DTD:文档类型定义(Document Type Definition)是一套为了进行程序间的数据交换而建立的关于标记符的语法规则

    2.基本文档格式:

    <!DOCTYPE...>
    <html>
       <head>
       </head>
    
       <body>
       </body>
    </html>

    文档申明总是位于首位

    3.三种文档类型

    • STRICT(严格类型)
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
    

    在此情况下使用:需要干净的标记,避免表现上的混乱。请与层叠样式表配合使用。

    • TRANSITIONAL(过渡类型)
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    在此情况下使用:当需要利用 HTML 在表现上的特性时,并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。

    • FRAMESET(框架类型)
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    在此的情况下使用:需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。

    第五节 xhtml的框架

    xhtml的模块化

    第六节 xhtml的标准属性

    1. 核心属性
    2. 语言属性
    3. 键盘属性

    第七节 xhtml的事件

    1. 窗口事件
    2. 表单元素事件
    3. 键盘事件
    4. 鼠标事件

    第八节 xhtml的高级结构化

    xhtml的规则概要

    • 使用恰当的文档类型声明和命名空间。
    • 使用 meta 元素声明你的内容类型。
    • 使用小写字母书写所有的元素和属性。
    • 为所有的属性值加引号。
    • 为所有的属性分配值。
    • 关闭所有的标签。
    • 使用空格和斜线关闭空标签。
    • 不要在注释中写双下划线。
    • 确保小于号及和号为 < 和 &

    UNICODE是web的默认字符集,适用于xml、xhtml和html4.0.当然你也可以编写自己的字符集。


    //最大限度的使用css来进行布局

    //避免使用被废弃的元素

    //为表达语义而标记文档,而不是为了样式

    //根据他们的意义使用元素,而不是外观

    //使用结构化元素,而不是无意义的垃圾


    记住非常重要的一点:HTML或者是XHTML是用来提供结构化的,而外观则是css来提供


    第九节 xhtml的高级结构化— —防范与识别常见的错误

    1.使用id的时候,尽量使用语义化的方式(比如你命名某个导航栏的时候,id=“navigation bar”,方便又安全)
    2.id的力量:
    • 作为样式表选择器,使我们有能力创作紧凑的最小化的 XHTML。
    • 作为超文本的目标锚,取代过时的 name 属性。
    • 作为从基于 DOM 的脚本来定位特定元素的方法。
    • 作为对象元素的名称。
    • 作为一种综合用途处理 (general purpose processing) 的工具(在 W3C 的例子中,“当把数据从HTML页面中提取到数据库,或将 HTML 文档转换为其他格式等情况下,作为域识别工具来使用。”)。
    3.id的规则:和大多数编程语言一样,id的值只能以下划线或者字母开始
    4.这是一个w3c的菜单导航:
    <div id="navfirst">
    <ul id="menu">
    <li id="h"><a href="/h.asp" title="html教程">html教程</a></li>
    <li id="x"><a href="/x.asp" title="XML教程">XML教程</a></li>
    <li id="b"><a href="/b.asp" title="浏览器脚本">浏览器脚本</a></li>
    <li id="s"><a href="/s.asp" title="服务器脚本">服务器脚本</a></li>
    <li id="d"><a href="/d.asp" title="dot net教程">dot net教程</a></li>
    <li id="m"><a href="/m.asp" title="多媒体教程">多媒体教程</a></li>
    <li id="w"><a href="/w.asp" title="建站手册">建站手册</a></li>
    </ul>
    </div>


    该学习笔记是基于w3c的xhtml教程:http://www.w3school.com.cn/xhtml/index.asp


    本博客基于网络课程完成,旨在学习,有错误请指正!
  • 相关阅读:
    [ActionScript 3.0] AS3.0将图像的Alpha通道转换为黑白图像(复制通道方式)
    [ActionScript 3.0] 喷泉效果
    [ActionScript 3.0] AS3.0 下雨及涟漪效果
    [ActionScript 3.0] AS3.0 复制xml,并赋值
    [ActionScript 3.0] AS3.0 火焰效果
    [ActionScript 3.0] AS3.0 烟雾粒子效果
    Java学习之==>面向对象编程 Part1
    Java学习之==>int和Integer的区别和联系
    Java学习之==>数组【array】
    Java学习之==>条件判断、循环控制
  • 原文地址:https://www.cnblogs.com/comefuture/p/8306005.html
Copyright © 2011-2022 走看看