Сегодня я начну новый курс серии HTML5/"> HTML5, который является моим учебным примечанием на« Окончательное руководство по HTML5 ». Я организую главы или значимый контент, который, я считаю хорошим или значимым, для всех, кто может учиться.
Элемент может определить свои собственные атрибуты, такие как тег A, чтобы определить атрибут href, который называется локальным атрибутом. Соответственно, мы можем установить общее поведение для всех элементов с помощью глобальных атрибутов. Конечно, вы также можете установить глобальные атрибуты для отдельных элементов, но это не имеет большого смысла. Ниже я представлю эти глобальные атрибуты один за другим.
Следующий пример обычно работает в браузере Chrome. Некоторые примеры Firefox не могут работать, и я не проверял другие браузеры, поэтому рекомендуется использовать Chrome Browser в качестве предпочтительного браузера HTML5. Я не сосредоточился не на вопросах совместимости браузера, а на обучении и внедрении. HTML5 все еще улучшается. Я считаю, что с его популярностью, основные браузеры будут поддерживать его лучше и лучше, а проблема совместимости браузера в то время будет намного лучше.
1. ДополнениеСвойство AccessKey позволяет устанавливать один или несколько сочетания клавиш, чтобы вы могли выбрать элементы на странице. Давайте посмотрим на следующий пример:
<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<форма>
Имя: <input type = "text" name = "name" accesskey = "n"/>
<p/>
Пароль: <input type = "password" name = "password" accesskey = "p"/>
<p/>
<input type = "отправить" value = "rog In ancessKey =" s "/>
</form>
</body>
</html>
В этом примере вы можете использовать комбинации ключей для выбора элементов на странице. Например, в рамках операционной системы Windows вы можете использовать ALT+XXX для выбора элемента.
Эффект бега:
2. КлассЯ не хочу ничего больше говорить об этом атрибуте. Это функция группировки элементов. Большую часть времени он используется в сочетании с CSS для установки различных эффектов дисплея для элементов в разных группах.
3. СоответствуетЭто новый атрибут, добавленный в HTML5. Добавить атрибут довольного довольного в элементы HTML, установите его на True, позволяя пользователям редактировать контент элементов; Установите FALSE, и не позволяет пользователям редактировать.
<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<pteededitable = "true"> идет дождь сейчас </p>
</body>
</html>
4. ContextmenuContextMenu позволяет пользователям установить правое извлеклование меню элемента HTML, и меню появится, когда пользователь запустит его. Ни один браузер до сих пор не поддерживает это свойство.
5. Дир Диртный атрибут определяет выравнивание литералов элементов HTML, поддерживая два значения, LTR (слева направо) и RTL (от справа налево).<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<p dir = "rtl"> это справа налево </p>
<p dir = "ltr"> это слева направо </p>
</body>
</html>
6. ПерегрямоDraggable - это атрибут, который реализует функцию перетаскивания элементов HTML в HTML5, который мы подробно расскажем на следующих курсах.
7.Dropzone также является атрибутом, который реализует функцию перетаскивания элемента HTML в HTML5. Мы подробно рассмотрим его в более позднем курсе.
8. ПерекрылКаждый должен быть знаком с этим атрибутом, который должен скрыть элемент HTML.
9.idКаждый должен знать этот атрибут. Он устанавливает уникальный идентификатор для элемента HTML, и никакие элементы со значительным идентификатором не допускаются на странице HTML.
10.langLANG указывает язык, используемый для содержания элемента HTML. Значение Ланга должно быть действительным языковым кодом ISO. Вы можете посетить адрес ниже для получения более подробной информации, http://tools.ietf.org/html/bcp47. Следует отметить, что дело с языком является очень сложным и техническим вопросом.
<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<p lang = "en"> Привет - как дела? </p>
<p lang = "fr"> bonjour - комментарий êtes -vous? </>
<p lang = "es"> hola - ¿cómo estás? </p>
</body>
</html>
11.spellcheck При использовании атрибута заклинания орфографии браузер поможет вам проверить, правильно ли написано содержание заклинания орфографии элемента HTML. Только когда элемент HTML является редактируемым, может быть значимым атрибутом проверки орфографии.<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<textarea spellcheck = "true"> Это какой -то неправильно текст </textarea>
</body>
</html>
Эффект: (я не выполнял желаемый эффект с Chrome, я не знаю почему)
12. СтильНет необходимости вводить этот атрибут слишком много и установить стиль CSS для элемента HTML.
13.tabindexTabIndex позволяет определить порядок, в котором доступны элементы HTML при использовании клавиши TAB. Когда TabIndex установлен на -1, элемент HTML не будет выбран с использованием клавиши TAB.
<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<форма>
<babel> Имя: <input type = "text" name = "name" tabindex = "1"/> </label>
<p/>
<babel> City: <input type = "text" name = "city" tabindex = "-1"/> </label>
</p>
<babel> Страна: <input type = "text" name = "country" tabindex = "2"/> </label>
</p>
<input type = "Отправить" tabindex = "3"/>
</form>
</body>
</html>
Эффект:
14.tiTle Название может предоставить дополнительную информацию для элемента HTML, который часто используется для отображения быстрого информации.<! Doctype html>
<html>
<голова>
<title> Пример </title>
</head>
<тело>
<a href = "http://apress.com"> Посетите сайт Apress </a>
</body>
</html>
Эффект:
Это все для сегодняшнего курса, я надеюсь, что это содержимое будет полезно для всех.
Демонстрация Адрес: html5guide.rar