Latest web development tutorials

XML Соображения

Вот список, который вы должны стараться избегать использования при использовании технологии XML.


Internet Explorer - остров данных XML

Что это такое?Остров данных XML встроенные в данные страницы XML HTML.

Почему вы должны избежать этого?Остров данных XML является действительным только в браузере Internet Explorer.

Что заменить его?Вы должны использовать HTML, JavaScript и XML DOM для синтаксического анализа и отображения XML.

Для получения дополнительной информации о JavaScript и XML DOM, посетите наш XML DOM учебник .


экземпляры данных XML островные

В этом примере используется XML - документы " cd_catalog.xml ."

Документ XML связан с HTML-документа в тег <XML>. Атрибут ID определяет идентификатор острова данных, а атрибут Src в файл XML:

примеров

Этот пример относится только к IE браузером

<html>
<body>

<xml id="cdcat" src="cd_catalog.xml"></xml>

<table border="1" datasrc="#cdcat">
<tr>
<td><span datafld="ARTIST"></span></td>
<td><span datafld="TITLE"></span></td>
</tr>
</table>

</body>
</html>

Попробуйте »

DATASRC атрибут <таблица> тег таблицы HTML, связанного с острова данных XML.

Тег <SPAN> позволяет datafld атрибут ссылается на элемент XML, который будет отображаться. В этом примере, чтобы обратиться к "Артиста" и "TITLE". При чтении XML, создает соответствующую строку таблицы для каждого элемента <CD>.


Internet Explorer - Поведение

Что это такое?Internet Explorer 5 представила поведение. Поведение является способ добавить поведение с помощью стилей CSS для XML (или HTML) элементов.

Почему вы должны избежать этого?Только Internet Explorer поддерживает свойства поведения.

Что заменить его?Использование JavaScript и XML DOM (или HTML DOM), чтобы заменить его.

Пример 1 - парения мыши Изюминкой

Следующий HTML-файл <стиль> элемент <h1> определяет поведение:

<html>
<head>
<style type="text/css">
h1 { behavior: url(behave.htc) }
</style>
</head>
<body>

<h1>Mouse over me!!!</h1>

</body>
</html>

Ниже показан XML-документ "behave.htc" (Этот файл содержит некоторые JavaScript и обработчики событий для элемента):

<attach for="element" event="onmouseover" handler="hig_lite" />
<attach for="element" event="onmouseout" handler="low_lite" />

<script>
function hig_lite()
{
element.style.color='red';
}

function low_lite()
{
element.style.color='blue';
}
</script>

Попробуйте »

Пример 2 - Машинка Моделирование

Следующий HTML-файл <стиль> идентификатор элемента определяет действие для "ввода" элементов:

<html>
<head>
<style type="text/css">
#typing
{
behavior:url(typing.htc);
font-family:'courier new';
}
</style>
</head>
<body>

<span id="typing" speed="100">IE5 introduced DHTML behaviors.
Behaviors are a way to add DHTML functionality to HTML elements
with the ease of CSS.<br /><br />How do behaviors work?<br />
By using XML we can link behaviors to any element in a web page
and manipulate that element.</p>v </span>

</body>
</html>

Ниже показан XML-документ "typing.htc":

<attach for="window" event="onload" handler="beginTyping" />
<method name="type" />

<script>
var i,text1,text2,textLength,t;

function beginTyping()
{
i=0;
text1=element.innerText;
textLength=text1.length;
element.innerText="";
text2="";
t=window.setInterval(element.id+".type()",speed);
}

function type()
{
text2=text2+text1.substring(i,i+1);
element.innerText=text2;
i=i+1;
if (i==textLength)
{
clearInterval(t);
}
}
</script>

Попробуйте »