XHTML、CSS与javascript入门经典_第一章为Web结构化文档_一对标签和其中包含的内容统称为什么-CSDN博客

本文链接：https://blog.csdn.net/lemonyFei/article/details/8261960

了解元素（element）、特性（attribute）、标签（tag）和标记（markup）

定义：

元素：一对标签和其中包含的内容，统称元素。

TIP:

XHTML必须以小写字母数字

标记文本元素：

1.标题：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>

2.段落：<p>、<pre>、<br>、<address>

3.元素：<b>、<i>、<u>、<ss>、<tt>、<sup>、<sub>、<strike>、<big>、<small>、<hr>

4.短语：<em>、<strong>、<abbr>、<acronym>、<dfn>、<blockquote>、<q>、<cite>、<code>、<kbd>、<var>、<samp>、<address>

5.列表：<ul>、<li>， <ol>、<li>， <dl>、<dt>、<dd>

6.编辑元素：<ins>、<del>

7.分组元素：<div>、<span>

1.3基本文本格式化

了解不适用元素的情况下，文本在浏览器中的不同显示方式

1.3.1空白和流

空白折叠：源码中连续的空格、换行、制表符会被忽略，并被处理为一个

1.3.2使用<hn>元素创建标题

1.3.3 align特性（弃用）由CSS样式text-align和float取代

1.3.4使用<p>创建段落

<p>在下一个段落之间插入一个新行

1.3.5使用<br />元素创建换行符（ "br"和“/”之间存在一个空格）

1.3.6使用<pre>元素创建预先格式化的文本

将标签中内容以源码中的格式显示，并使用等宽字体

1.4表示元素

设置字体的粗体、斜体、加删除线、上标、下表等等

1.4.1<b>元素

文本加粗，效果与<strong>相同

1.4.2<i>元素

倾斜文本，效果与<em>相同

1.4.3<u>元素（弃用）

<u>元素中的内容添加一条下划线

1.4.4<s>和<strike>元素（弃用）

<s>和<strike>：加删除线

1.4.5<tt>元素

<tt>元素中的内容已等宽字体显示

1.4.6<sup>元素

<sup>元素中的内容已上标显示

1.4.7<sub>元素

<sub>元素中的内容已下标显示

1.4.8<big>元素

避免使用，元素中的内容，比元素外的内容大一个尺寸

1.4.9<small>元素

避免使用，元素中的内容，比元素外的内容小一个尺寸

1.4.10<hr />元素

创建一条水平线，用法和<br />类似

1.5短语元素

1.5.1<em>元素

用斜体表示，强调单词

1.5.2<strong>元素

粗体表示，着重强调文本内容

1.5.3<address>元素

邮件等地址，斜体表示

1.5.4<abbr>元素

用于缩写词，有title特性

1.5.5<acronym>元素

用于首字母缩写词，尽可能使用title特性，可以用xml:lang特性指定使用的语言种类

1.5.6<dfn>元素

用于特殊术语，大多数浏览器以斜体呈现

1.5.7<blockquote>元素

引用另一个源中的文本，相对于元素外的文本，左右缩进显示，有些浏览器以斜体显示，若引用的部分较短，可以使用<q>标签

1.5.8<blockquote>中的cite特性

用于指定<blockquote>文本的来源

1.5.9<q>元素

在句子中添加内容，浏览器差异明显，IE8一下不支持

1.5.10用于引证的<cite>元素

内容已斜体表示

1.5.11用于代码的<code>元素

<code>中的内容将以等宽字体显示，用于编程代码，常与<pre>一起使用

1.5.12<kbd>元素

用于告诉读者输入一些文本内容

1.5.13<var>元素

通常与<pre>和<code>一起使用，表明是用户提供的一个变量

1.5.14<samp>元素

用于指示程序、脚本等的样本输出

1.6列表

无序列表、有序列表、定义列表

1.6.1利用<ul>元素创建无序列表

<ul>

<li>

1.6.2有序列表

<li>

1.使用 type特性（弃用）选择有序列表中的阿拉伯数字、字母或罗马数字。type属性被弃用，因为有他的替代物，css中的list-style-type属性

2.使用 start特性（弃用）改变有序列表中的其实数值

1.6.3定义列表

<dl>

<dt>

<dd>

1.7编辑文本

<ins>，通常在浏览器中添加下划线

<del>，通常在浏览器中添加删除线

不能在块级元素（例如<p>）或者内联元素（<b>、<i>）中使用，这两个元素都有datetime特性

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

常用：“：&quot、&：&amp、<：&lt、>：&gt

1.9注释

：之间的内容不会显示在浏览器中，但是在查看源代码的时候可以看到

1.10 <font>元素（弃用）

设置文本的外观，如大小字体和颜色。

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

块级元素：好像前面和后面都具有回车或者换行

内联元素：在句子中，不会从新行开始

内联元素最好不要包含块级元素。

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

通常使用<div>对块级元素进行分组，用<span>对内联元素进行分组。都有class特性

1.12.1xml申明

XHTML实际上是XML语言的一种形式，可以在文档开头（不能有其他内容甚至是空格）声明XML文档

eg:

<?xml version="1.0" encoding="UTF-8" ?>

1.12.2文档类型声明

web浏览器可以在没有文档类型声明的情况下显示网页，但是每一个XHTML必须有一个DOCTYPE声明开始（Transitional和Frameset可以没有）。目前有三个版本的XHTML

1.Transitional XHTML 1.0，允许使用不赞成或者弃用的标记，但是要求使用更严格的语法，声明：

<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml-transitional.dtd">

2.Strict XHTML 1.0，代表XHTMl未来的发展趋势，不包含弃用的文本格式标记，还遵从新的严格的语法，声明：

<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml-strict.dtd">

3.Frameset XHTML 1.0，创建使用框架技术的网页，声明：

<!DOCTYPE html PUBLIC "-//W3c//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml-frameset.dtd">

使用声明必须在<html>标记之前

1.13核心元素和特性

1.13.1<html>元素

最好包含名称空间标识符（类似与java包的概念），eg：

1.13.2<head>元素

其他标题元素的容器，应该紧跟在<html>标签之后，并且要包含<title>元素，以致指示文档标题。也可以包含任意顺序的以下元素：

<base>

1.13.3<title>元素

<title>：只包含标题文本，而不包含其他任何元素

1.13.4<body>元素

1.14特性组

核心特性：class、id和title特性

国际化特性：dir、lang、xml:lang特性

UI事件：与事件关联的特性，如onclick、ondoubleclick...

1.14.1核心特性

1.id特性

用于唯一标识网页内的任何元素

2.class特性

用于指定某个元素属于哪一类

可以为元素<p>附带summary的class特性，可以和文档的其他段落区分。

class特性的值也可以是空格隔开的类名称列表

3.title特性

给出元素的建议标题

4.style特性（弃用）

在元素中指定CSS规则

1.14.2国际化特性（浏览器不一定全部支持）

1.dir特性

最好在<html>中使用dir特性，指定文本在浏览器中的显示方向，可以取值ltr（默认）、rtl

2.lang特性

向用户提供特定语言的显示

3.xml:lang特性

是lang特性的新版本

4.UI事件特性

有十个公共事件：

onclick、ondoubleclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

onload、onunload

表单

onfocus、onblur、onsubmit、onreset、onselect、onchange

XHTML、CSS与javascript入门经典_第一章 为Web结构化文档

XHTML、CSS与javascript入门经典_第一章为Web结构化文档