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

时间：2021-04-15 20:05:10

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. 注释：<!-- 这里是注释内容 -->

标签：

相关文章