2015-05-06 2 views
3

Этот код нашел при серфинге через подсказку jquery. Пожалуйста, предложите, почему мы используем определенный код и что это значит?Что означают эти символы в html?

<pre class="prettyprint"> 
&lt;head&#62; 

    &lt;script&#62; 
    $(document).ready(function() { 
     $('.tooltip').tooltipster({ 
      contentAsHTML: true 
     }); 
    }); 
&lt;/script&#62; 
&lt;/head&#62; 
&lt;body&#62; 

&lt;div class="tooltip" title="&amp;lt;img src=&amp;quot;my- image.png&amp;quot; /&amp;gt; &amp;lt;strong&amp;gt; This text is in bold case !&amp;lt;/strong&amp;gt;"&gt; 
    This div has a tooltip with HTML when you hover over it! 
&lt;/div&#62; 

&lt;/body&#62;</pre> 

ответ

2

код, что ваш введенный HTML закодирован, то это означает, что с HTML специальные символы:

<script> 
    $(document).ready(function() { 
     $('.tooltip').tooltipster({ 
      contentAsHTML: true 
     }); 
    }); 
</script> 
</head> 
<body> 

<div class="tooltip" title="<img src=my-image.png /> <strong> This text is in bold case!</strong>"> 
    This div has a tooltip with HTML when you hover over it! 
</div> 

</body></pre> 

ISO-8859-1 символов по умолчанию в HTML 4.01, обратитесь к list of XML and HTML character для получения дополнительной информации.

Например, "&lt;" is "<" (less-than sign, U+003C)

Код, который вы пытались понять, создает всплывающую подсказку, когда пользователь положить мышь на DIV с текстом

Этот ДИВ имеет всплывающую подсказку с HTML при наведении на него!

Содержание toolpit между тегами заголовка, так

<img src=my-image.png /> <strong> This text is in bold case!</strong>

IMG, чтобы показать картину ANT текста между сильным ... сильно :-)

+0

Это значит? –

+0

Он описывает все на самом деле, не могли бы вы рассказать, как вы это сделали? – sia

+0

@sia отредактировал :-) – clement

0

Это объекты HTML, используемые для отображения символов на странице, таких как те, которые являются фактическим html-кодом. Итак, < > как объект HTML - &lt; &gt; (меньше, чем). &copy; является символом авторского права и т.д.

+0

Да, я мало знаю и копирую! Thanku @ MattyF – sia

0

&lt; Используется для < symbol. Similary &gt; используется для > symbol. Они известны как объекты HTML.

На боковой ноте вы можете обратиться к this для справок в будущем.

+1

Вау! Это огромная коллекция! – sia

+0

@sia: - Действительно, просто подумал, что это может помочь вам понять это более ясно! –

+0

Отлично! определенно:) @ Rahul Tripathi – sia

0

Это HTML сущности. Зарезервированные символы в HTML должны быть заменены символьными объектами. Символы, отсутствующие на клавиатуре, также могут быть заменены объектами.

Смежные вопросы