分类目录

统计信息

  • 日志总数:59篇
  • 评论总数:2条
  • 分类总数:9个
  • 标签总数:51个
  • 友情链接:3个
  • 网站运行:2929天

2018 年十二月
« 七    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
现在位置:    首页 > 前端开发 > 正文
第1章 创建结构化文档(2)
前端开发 暂无评论

web

1.6 列表

·无序列表,如项目符号列表。

·有序列表,用数值或字母而非项目符号的列表。

·定义列表,用于指定术语和它的定义。

1.6.1 利用<ul>元素创建无序列表:以<ul></ul>创建列表,以<li></li>来编写每个项目符号或每一行。<ul><li>元素可以附带所有通用特性和UI事件特性。

1.6.2 有序列表:以<ol></ol>建立列表,<li></li>来构建表的每项,列表项的序需要用<ol type=””>(弃用)来实现,1=阿拉伯数字(默认),A=大写字母,a=小写字母,I=大写罗马字母,i=小写罗马字母。

1.6.3 定义列表:特殊列表,用于提供术语,并在其后有文本定义或描述。以<dl></dl>建表,<dt></dt>元素的内容是被定义的内容,<dd></dd>元素的内容是定义。三个元素能附带通用特性和UI事件特性。

1.6.4 嵌套列表:列表中可以嵌套其他列表,新嵌套表必须在<li></li>元素之中。

1.7 编辑文本

·<ins>添加文本,通常以下划线表示。

·<del>删除文本,通常以删除线表示。

Title特性显示谁添加或删除,cite属性显示改动原因(但值必须是URI),datetime特性日期和事件(太长不易手工输入,一般用程序输入)。

1.8 利用字符实体表示特殊字符

字符实体(转义字符):” (数字实体)&#034 (命名实体)&quot; & &#038 &amp; < &#060 &lt; > &#062 &gt

1.9 注释

<!– –>

1.10 <font>元素(弃用)

可以控制文本大小、字体和颜色。

1.11 理解块级元素和内联元素

·块级别元素:输出时好像前后都有回车或换车符,如<p><hn><ul><ol><dl><pre><hr/>

<blockquote><address>

·内联元素:输出显示在句子内,不会从新行显示,如<b><i><u><em><strong><sup><sub>

<big><small><ins><del><code><cite><dfn><kbd><var>

内联元素不能包含块元素,并只能出现在块元素中;而块元素能包含其他块元素或内联元素。

1.12 使用<div>元素和<span>元素对元素进行分组

对元素进行分组,创建网页的某部分或子部分。但不影响外观,<span>仅用于内联元素,可以附带通用特性,UI特性,align特性。

1.12.1 XML声明:<?xml version=”1.0” encoding=”UTF-8”> 是可选的,如使用必须在文档的起始位置,甚至前面不能有空格,Encoding是文档编码方法。

1.12.2 文档类型声明:XHTML必须以一个DOCTYPE开始通知浏览器(或其他程序)使用的HTML或XHTML版本。

1.13 核心元素和特性

1.13.1 <html>元素:HTML用于version指示版本,XHTML用DOCTYPE和xmlns特性来指示版本。

1.13.2 <head>元素:<title>指示标题,<base>,<object>包含图像、JavaScript对象等其他类型文件,<link>用于链接外部文件,样式表、JavaScript文件,<style>在文档中包含CSS规则,<script>用于文档中包含脚本,<meta>用于文档相关信息,关键字、文档描述。<head>可以附带以下特性:id dir lang xml:lang profile

1.13.3 <title>元素:位于浏览器窗口的顶部,作为浏览器中书签的默认名称,通过使用其内容的搜索引擎帮助索引网页。特性:id dir lang xml:lang。

1.13.4 <body>元素:网页正文,附带1.14特性组中所有特性,HTML中附带:background bgcolor alink link vlink text;附带浏览器专用特性:language,topmargin,bottommargin,

leftmargin,rightmargin,scroll,bgproperties,marginheight,marginwidth.

1.14 特性组

·核心特性:class、id、title。

·国际化特性:dir、lang、xml:lang。以上两种合称为通用特性。

·UI事件:与事件关联的特性,如onclick、ondoubleclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup。

1.14.1 核心特性:

1、id特性:标识网页内任一元素,并确定为唯一用于定位。其值:必须以字母(A~Z或a~z)开头,然后可以跟上任意数量的字母、数字(0~9)、连字符、下划线、冒号和句号(不能以数字、连字符、下划线、冒号或句号开头);在一个文档中保持唯一,在同一个XHTML文档中,任意两个id特性不能具有相同的值。等同于name(弃用)。

2、class特性:指定某元素属于哪一类,也可以是用空格隔开的类的列表。

3、title特性:取决于附带他的元素。

4、style特性(弃用):指定CSS规则。

1.14.2 国际化特性:

1、dir特性:指定文本在浏览器中的显示方向,从左向右或从右向左,一般用于<html>而非<body>,如果仅用于一部分内容,可以用于文档主体元素中,ltr从左向右(默认),rtl从右向左。

2、lang特性:指示文档中主要语言,在新版本中被xml:lang代替,ar阿拉伯语,en英语,en-us美国英语,zh中文。

3、xml:lang特性:替代lang,XML编写的所有语言中都可以使用这一特性。

1.14.3 UI事件特性:利用UI事件特性可以将事件(如按键事件或者将鼠标指针移动到某个元素上)与脚本(一段程序代码,当事件发生时运行该代码)相关联,onclick ondoubleclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeypress onkeyup被称为公共事件,<body><frameset>元素具有onload onunload两个事件分别在打开和关闭网页时激活,onfocus onblur onsubmit onreset onselect onchange用于表单的事件。

本文版权归不读书的读书人所有,转载引用请完整注明以下信息:
本文作者:望岳
本文地址:第1章 创建结构化文档(2) | 不读书的读书人

发表评论

您必须 [ 登录 ] 才能发表留言!