Placeholder Image

字幕列表 影片播放

  • Structural markup describes the purpose of text and lets the appearance be decided the

  • browser.

  • We can structure text as a header using one of the six header tags <H1-H6>, with <H1>

  • being the largest and <H6> the smallest. We can also align the header with the values

  • left, right, center, or justified.

  • Other common content-based styles are emphasis <em> and strong emphasis <strong>. They will

  • typically be rendered the same as italic and bold.

  • Insert <ins> and delete <del> are used to markup replacement text. They are typically

  • rendered as strikethrough and underlined.

  • When including a quotation we have several choices available. The inline quote tag <q>,

  • is intended for short quotes, however since not all browsers render the double quotes

  • it's usually better to just use normal quotes instead.

  • For longer quotations we have <blockquote> which will indent the text.

  • Then there is the <cite> element which is used for citations or quote references.

  • Both quote elements may also use the attribute named cite to provide a reference, but the

  • value of this attribute will not be displayed on the page.

  • Next, we have three elements useful in technical documents and four more related to programming.

  • The technical ones are definition <dfn>, abbreviation <abbr> and acronym <acronym>. The generic

  • title attribute can be useful here to enter the full name for an abbreviation or acronym.

  • Lastly, we have the elements relating to programming. Code <code> can be used to structure programming

  • code. Sample <samp> to show output from a program. Keyboard <kbd> for text to be entered

  • by the user and variable <var> for program variable names.

Structural markup describes the purpose of text and lets the appearance be decided the

字幕與單字

單字即點即查 點擊單字可以查詢單字解釋

B2 中高級

HTML教程 - 10 - 結構性標記 (HTML Tutorial - 10 - Structural Markup)

  • 85 8
    Pan-Shy Gang 發佈於 2021 年 01 月 14 日
影片單字