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

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
styleCSS样式表代码定义标记的专属CSS样式
title文本

定义标记的工具提示信息

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

属性属性值作用
dirItr默认值,定义标记内的文本自左向右流动
 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. 注释:<!-- 这里是注释内容 -->

转载于:https://www.cnblogs.com/fengyangyisheng/p/4775439.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值