Синтаксис против элемента против тега против атрибутов против свойства против селектора? - PullRequest
2 голосов
/ 12 января 2010

Кто-нибудь может дать мне подробную информацию о каждом?

например?

Является ли #ID атрибутом, свойством, селектором или якорем?

Являются ли свойства по умолчанию и атрибуты по умолчанию разными?

Являются ли все эти теги или элементы?

Что мы скажем на это

<img src="angry.gif" alt="Angry face" title="Angry face" />

Это

<div>.....</div>

и эти

<br />, <hr />

Синтаксис, тег или элементы?

Заранее спасибо.

Ответы [ 3 ]

8 голосов
/ 12 января 2010

В:

#menu ul li {
  display: inline;
}

у нас есть:

  • Селектор: #menu ul li;
  • Свойство: display;
  • Значение свойства: inline.

В:

<ul id="menu">...</ul>

у нас есть:

  • Элемент или тег: <ul>;
  • Атрибут: id;
  • Значение атрибута: menu.

Редактировать: Хорошо, чтобы решить эту проблему тегов против элементов.

В спецификациях XML и HTML 4.01 используются термины:

  • Стартовый тег: <ul>;
  • Конечный тег: </ul>; и
  • Элемент <ul>...</ul>.

Однако в разговорной речи такие различия настолько редки, что об этом можно поспорить. При обычном использовании термины являются взаимозаменяемыми, даже если это не их точное определение.

3 голосов
/ 12 января 2010

Вы в основном спрашиваете о контексте.

Атрибут

Идентификатор в контексте элемента является атрибутом.Это верно как для контекста XML, так и для DOM.Поэтому, когда я говорю "Что это за идентификатор элемента?"Я имею в виду атрибут id элемента.

Селектор

Если я использую атрибут для добавления стиля к документу, я использую селектор.Селектор - это способ, которым я выбираю вещь (будь то элемент или атрибут), к которой я хочу применить правило стиля.

Tag,

, и я до сих порнечетко это относится либо к фактическому типу элемента, либо к буквальному фрагменту самого кода.Поэтому я могу сказать «Вы забыли закрыть этот элемент div» или я могу сказать «вам нужен более близкий тег для этого элемента div».Таким образом, тег - это то, что обозначает рассматриваемый элемент.

Элемент

сам по себе является, в большинстве случаев, открывающим тегом, закрывающим тегом (в любом) и текстом между ними (если есть).Но, если быть более точным, это также любые атрибуты этого элемента.Атрибуты могут измениться (возможно, вы используете скрипт, чтобы поменять местами img элемент src точек), и это не делает его другим элементом, но этот элемент все еще имеет этот атрибут и, следовательно, он является частью элемента, даже если только на короткое время.

Свойства

являются аспектом объектно-ориентированного программирования.В контексте Javascript свойство может быть частью объекта, который никогда не выводится пользователю вообще или не вставляется в HTML.В вашем скрипте может быть специальный класс для преобразования данных, которые вводит пользователь.Как только вы получите свойство объекта, вы можете запустить его через какую-то другую функцию, прежде чем, наконец, вывести его обратно пользователю.Причина, по которой вы можете услышать о свойствах в терминах HTML, заключается в том, как Javascript взаимодействует с документом как «объектная модель документа» (DOM).Если вы определяете переменную как «document.getElementById (« бла »), эта переменная теперь содержит объект, и различные свойства в этом объекте будут соответствовать различным аспектам этого элемента, некоторые из которых могут быть предопределенными атрибутами, такими каккак цвет или значение границы, и другие вещи, не определенные на уровне HTML, такие как его положение на экране или высота отрисованного шрифта.

2 голосов
/ 01 ноября 2010

В веб-программировании (JavaScript, PHP, HTML, CSS ...), тогда свойства и атрибуты - это все пары имя-значение , с разницей в контексте / использовании:

  • Свойства : набор пар имя-значение, который определяет объект ООП (JavaScript, PHP, ..). Например: объект ЧЕЛОВЕК определяется как {имя = Джон, возраст = 25, пол = мужчина, адрес = TwinTower - номер 911, номер SSN = 123456789}
  • Атрибуты : набор пар имя-значение, которые определяют Объект данных (например, элемент DOM в HTML, XML, ...). Например:
  • Элемент : ветвь или лист дерева DOM.
  • Tag : имя элемента. Тег DOM поставляется с парой: открывающий тег и закрывающий тег.

В приведенном ниже примере:

  • пара тегов - это что-то из , например является открывающим тегом.
  • элемент - это что-то между (включая) пару тегов, например, ... или ... являются элементами.
  • атрибут представляет собой пару имя = значение, например logo = "GreatCar" .
  • свойство не имеет смысла в этом объекте данных, но если вы смоделируете это в объекте ООП, то вы можете иметь свойство boss = "JohnSmith" внутри объекта Company.
* +1040 * Пример: * * тысяча сорок один
<Company name="GreatCompany" boss="JohnSmith">
    <Address>
    </Address>
    <Products>
        <Automobile>
            <FourWheel mark="car" logo="GreatCar">
            </FourWheel>
            <TwoWheel>
                <CityRunner></CityRunner>
                <JungleRunner></JungleRunner>
            </TwoWheel>
        </Automobile>
        <Airplane>
        </Airplane>
    <Products>
</Company>

Надеюсь, это поможет

Куонг Хай К

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...