码迷,mamicode.com
首页 > Web开发 > 详细

WEB元素的结构-----第一课

时间:2015-09-01 14:02:53      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

1. 文档类型声明:严格型(Strict Mode),过渡型(Transitional Mode),框架型(Frameset Mode)

    严格型:<!DOCUTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml11-strict.dtd">

    过渡型:<!DOCUTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml11-transitional.dtd">

    框架型:<!DOCUTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml11-frameset.dtd">

2. 标记

    a. 跟标记:包含头部标记,主体标记,框架标记。跟标记具有唯一的实例属性,即xmlns属性,在xhtml结构语言中,其值必须为"http://www.w3.org/1999/xhtml", 同时

                   跟标记还支持dir,lang,和xml:lang等标准属性。典型的跟标记应用代码如下:

<html>
       <head>
           //这里是文档的头部
       </head>
       <body>
//这里是文档的主体 </body> </html>

 b. 标记的分类:闭合标记:跟标记(HTML),文档头标记(HEAD),文档主体标记(BODY),其书写方式为:<html></html>

                      非闭合标记:图像标记(IMG),横线标记(HR),换行标记(BR),其书写方式为:<br />

3. 属性

     根据XHTML属性的作用,可分为实例属性,核心属性,语言属性,键盘属性,事件属性。

     核心属性:XHTML的核心属性包括以下四种:

属性 属性值 作用
class 字母,数字或下划线,数字不可为开头,多个值可使用空格隔开

定义标记的类             

id 字母,数字或下划线,数字不可为开头,改值在整个文档中必须是唯一的 定义标记在文档中唯一的ID
style CSS样式表代码 定义标记的专属CSS样式
title 文本

定义标记的工具提示信息

      语言属性:语言属性用于定义标记内文本的流向和所属语言的语言代码。XHTML的语言属性包括三种:

属性 属性值 作用
dir Itr 默认值,定义标记内的文本自左向右流动
  rtl 定义标记内的文本自右向左流动
lang 语言代码 定义标记的工具提示信息

      键盘属性:用于定义使用键盘快速访问标记的方式,包括两种:

属性 属性值 作用
accesskey       字符 定义访问该Web标记的快捷键
tabindex 数字 定义该TAB键依次访问交互标记时的顺序

      事件属性:隐式事件和显式事件

d. 属性和属性值的写法

    1. 闭合标记的属性:属性应书写在闭合标记的起始标记内,不能书写在结束标记内:<html xmlns="http://www.w3.org/1999/xhtml"></html>

    2. 非闭合标记的属性:标记的属性和标记的结束标识符斜杠“/”之间必须空格:<base href = "http://www.microsoft.com/china/" /> 

    3. 标记的多个属性:一个标记可以同时支持多个属性,但是多个属性之间必须以空格隔开:<a href = "http://microsoft.com/china" title = "微软中国">微软中国</a>

    4. 属性的多个属性值:以空格隔开多个属性值: <p class = "FrontColorRed TextIndent2em">测试段落</p>

e. 注释:<!-- 这里是注释内容 -->

WEB元素的结构-----第一课

标签:

原文地址:http://www.cnblogs.com/fengyangyisheng/p/4775439.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!