HTML5 Марк текст

Автор：Eve Cole Время обновления：2025-02-12 04:00:02

Спецификация HTML5 четко указывает, что использование элементов должно быть полностью из семантики элемента. Тем не менее, некоторые из этих элементов очень ясны, в то время как некоторые из них более расплывчаты. С точки зрения использования элементов, лучше всего позаботиться о CSS, но это не абсолютно.

Генерировать гиперссылку

Элемент используется для генерации гиперссылки.

1) hREF: укажите URL -адрес ресурса, упомянутого в элементе A;

2) hreflang: объясните язык, используемый ресурсами, которые вы ссылаетесь;

3) СМИ: объясните, какое устройство используется для связанных ресурсов, и атрибуты СМИ элемента стиля;

4) REL: Объясните взаимосвязь между документом и ресурсами ссылки, а также атрибуты REL элемента ссылки;

5) Цель: укажите среду просмотра для открытия ссылок, которые вы ссылаетесь;

6) Тип: Объясните тип MIME (например, текст/HTML).

Генерировать супер ссылку на внешнюю

 <body> Мне нравится <a href = http: //en.widipedia.org/wiki/apples> яблоки </a> и <a href = http: //en.wikipeida.org/wiki/orange_ (от)>>> апельсины </a>

Наиболее используемыми протоколами в URL являются HTTP, но браузер также поддерживает другие протоколы, такие как: HTTPS и FTP. Если вы хотите процитировать адрес электронной почты, вы можете использовать протокол Mailto, например: mailto: [email protected].

Используйте относительно URL

 <body> ...... вы можете увидеть другого из <a href = fruitstil.html> здесь </a>

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

Генерировать внутренние гиперссылки

Этот метод используется для перемещения другого элемента в унифицированном документе в поле зрения.

 <body> ...... вы можете видеть из фруктов, мне нравится <a href =#fruits> здесь </a>. , Персики и виноград

Если пользователь нажимает на ссылку, документ будет перевернуться в местоположение, где идентификатор можно рассматривать как элемент фруктов.

Установите среду просмотра

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

1) _blank: откройте документ в новом окне или вкладке;

2) _parent: Откройте документ в Frameset;

3) _self: Откройте документ в текущем окне (по умолчанию);

4) _top: откройте документ в верхнем окне;

5) <Frame>: Откройте документ в указанном окне.

Позвольте вам понять кадр через пример. Предполагая, что код в документе testframe.html выглядит следующим образом:

 <html> <frameset color = 50%, 50%> <frame src = test.html /> <frame name = frame1 /> < /frameset> < /html>

Здесь определяется кадр, который содержит две кадры, каждая с половиной ширины. Содержание test.html заключается в следующем:

 <! > </> Head> <body> <a Мне нравится <b> яблоки </b> и <b> оранжевый </b>

Стиль по умолчанию элемента B толстый.

Эм элемент

ЭМ -элементы представляют акцент на абзаце, который можно использовать, чтобы предоставить читателям контекст предложений или значения абзаца.

 <body> <em> i </em> как <b> яблоки </b> и <b> оранжевый </b>

Привычка элемента EM наклонена. Этот пример подчеркивает, что я в начале предложения.

Я элемент

I Элементы указывают, что абзац текста по существу отличается от окружающего контента, который часто используется в иностранных словах, технологических терминах и даже чьих -то мыслях.

 <body> <em> i </em> как <b> яблоки </b> и <b> оранжевый </b>. >

Привычка элемента I наклонная, такая же, как и элемент EM.

S Элемент

Элемент S используется, чтобы указать, что абзац больше не является правильным или точным.

 <body> <em> i </em> как <b> яблоки </b> и <b> оранжевый </b>. >.

Сильный элемент

Сильный элемент представляет важный текст.

 <body> Я люблю яблоки и апельсин.

Стиль сильного элемента такой же, как у элемента B.

U Элемент

Элемент U составляет абзац текста, выделенный из окружающего контента, но он не означает, что он подчеркивает или его важность увеличилась. Эффект состоит в том, чтобы добавить строку в текст.

 <body> Я люблю яблоки и апельсин.

Поскольку привычки элемента U аналогичны элементу A, чтобы предотвратить путаницу, элемент U следует избегать как можно больше.

Маленький элемент

HTML5 использует указанные правила малой метки, обычно включают освобожденные заявления, меры предосторожности, юридические ограничения, информацию об авторском праве и т. Д. Иногда его можно использовать для выражения подписи или удовлетворения требований лицензии.

 <body> <p> Заказ сейчас на получение бесплатной доставки Super Store.

Примечание: Small подходит только для фраз.

Sub и SUP -элементы

Элементы SUB и SUP используются для указания подписки и субсидий, соответственно.

 <body> точка x <sub> 10 </sub> - 10 <sup> th </sup> точка

Изменять

Есть два элемента, которые можно использовать для управления контентом: элементы BR и WBR.

BR Элемент

Элементы BR приведут к изменению линий.

 <Body> я бродил одиноким как облако <br/>, который плавает на высоких 0 -х валенах и холмах, <br/>, когда все сразу на толпе, <br> хозяин золотых нарциссов;

Элемент WBR

HTML5 добавляется, чтобы указать, что контент, превышающий текущее окно браузера, подходит для повторного размены.

 <Body> Это очень длинное слово: Super <wbr> califragilistic <wbr> expectiveIdocious

Когда элемент WBR не используется, браузер будет относиться к длинным словам в целом, и используется элемент WBR, и браузер может выбрать изменение его при предложении. Использование элементов WBR состоит в том, чтобы сообщить браузеру слово, наиболее подходящее, где является наиболее подходящим.

Представляет вход и вывод

1) Код: укажите фрагмент компьютерного кода

2) VAR: В контексте программирования это означает переменную, а также может указывать на то, что читатель вставляет указанное место в воображение

3) SAMP: представляет вывод программы или компьютерной системы

4) KBD: указывает пользовательский ввод

 <body> <p> <code> var fruits = [яблоки, оранжевые, манго, вишни]; Переменная в этом exmple - <var> фрукты </var> </p> <p> Вывод из кода: <SAMP> Мне нравятся 4 фрукта </samp> </p> <p>, когда он будет представлен для моего Любимый фрукт, я напечатал: <KBD> вишни </kbd> </body>

Используйте ссылку на заголовок, цитата, определение и аббревиатура

Элемент ABBR

Выразите аббревиатуру, его титульный атрибут представляет собой полное слово, представляющее аббревиатуру.

 <body> Мне нравятся яблоки и апельсины.

Этот элемент не привык к стилю, поэтому его контент не выглядит особенным.

Q Элемент

Представляет его содержание. Атрибут цитирования элемента Q может использоваться для указания URL -адреса исходной статьи.

 <body> <p> <q cite = http: //en.wikipedia.org/wiki/apple> <dfn </p> </body>

Привычка Q -элемента - генерировать цитаты до и после цитирования.

цитировать элемент

Представляет название цитируемой работы.

 <body> Моя любимая книга о фруктах - <Ite> фрукты: съедобный, несъедобный, невероятный </cite> от Stuppy & Kesseler </body>

Его привычка косой.

Языковой элемент

Рубин, RT и RP -элементы

Рубиновый элемент представляет собой текст, содержащий фонетический символ, который необходимо использовать с элементами RT и элементы RP

 <body> <broby> 魑 <rp> (</rp> <rt> chi </rt> <rp>) </rp> </ruby> <rp> (</rp> <rt> mei </rt > <rp>) </rp> </ruby> </body>

Когда браузер, который показывает фонетический символ, элемент RP и его содержание будет игнорироваться, а содержание элемента RT будет отображаться как фонетический символ. Документ отображается в браузере, который не поддерживает фонетический символ, и будет отображаться содержание элементов RP и RT.

Элемент BDO

Он используется для установки направления китайских иероглиф. Элементы BDO должны быть добавлены с помощью DIR -атрибутов, а значение поддержки: 1) RTL (от справа налево);

 <body> <p> Это слева направо: <bdo dir = ltr> Мне нравятся апельсины </bdo> </p> <p> Это правые апельсины </bdo> </p> </body>

Другие текстовые элементы

Элемент

Само смысла нет, и он обычно используется для применения некоторых глобальных атрибутов к абзацу.

 <body> Мне нравится <span class = fruit> яблоки </span> и <span class = fruit> anurance </span>

Марк Элемент

Добавляется HTML5, который используется для обозначения абзаца, который видно отображается из -за определенного контекста.

 <body> <p> мне понравится <mark> pair </mark> of <mark> people </mark> </p> </body>

Ins element и del Element

ENSEMENTS и DEL -элементы могут использоваться для представления текста, добавленного и удаления в документе.

 <body> <p> <del> я могу </mark> <card> см. </mark> </del> <Ins> i Can <Mark> см. </mark> <card> sea </mark> </ins> </p> </body>

Элемент времени

Представляет время и дату. Если существует логический атрибут Pubdate, то элемент времени представляет дату выпуска всего документа HTML или большую часть элемента статьи из элемента. Атрибуты DateTime указывают дату и время, указанные в формате, указанном в RFC3339. С помощью DateTime вы можете установить дату или время в форме элемента для облегчения чтения, и в то же время убедиться, что компьютер может проанализировать указанную дату или время без двусмысленности.

 <body> Я все еще помню лучшее яблоко, которое я когда-либо пробовал. >

Временные элементы могут не включать свойство DateTime. текстового содержимого.

Приведенное выше содержимое этой статьи.