元素

HTML5 新增的元素,不包含語意元素

video, progress, meter, canvas, command, datalist, embed, hgroup, keygen, mark, output, rp, rt, ruby, source, wbr。

input元素的新類型:date, email, url等等。

ruby, rt

在文字旁邊表示注音

ㄏㄢˋ

<ruby><rt> ㄏㄢˋ </rt>
</ruby>

http://www.w3schools.com/tags/tag_ruby.asp

重新定義 b

  • 優先採用 <strong><em><mark>,最後才選擇 <b>
  • 不要再 <h1><h2><h3><h4><h5><h6> 內加入 <b>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

HTML4 就有的

pre

<pre>
    <code>多行程式碼</code>
</pre>

html

宣告 HTML 文件使用的語言

<html lang="en">

http://www.w3schools.com/TAgs/tag_html.asp

legend

<form>
  <fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30"><br>
    Email: <input type="text" size="30"><br>
    Date of birth: <input type="text" size="10">
  </fieldset>
</form>

http://www.w3schools.com/jsref/dom_obj_legend.asp

img

title

  • 使用滑鼠移到圖片上時,會顯示說明。
  • demo

題庫解析:2-45

alt

  • 圖片無法讀取時的替代文字

題庫解析:2-33

usemap

<map> 配合,設定圖片上不同的超連結區域。

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

題庫解析:2-29

http://www.w3schools.com/TAgs/att_img_usemap.asp

a

  • 超連結
  • media: 定義超連結對象是要針對哪一種類型的設備使用
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">
    Open media attribute page for print.
</a>

http://www.w3schools.com/tags/att_media.asp

wbr

題庫解析:2-03

del

表示需刪除的文章內容

題庫解析:2-09

http://www.w3schools.com/TAgs/tag_del.asp

cite

描述書的書名

<p>
    <cite>The Scream</cite> by Edward Munch. Painted in 1893.
</p>

題庫解析:2-10

dfn

題庫解析:2-10

abbr

  • 縮寫

ins

  • 插入資訊
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
Try it Yourself »

small

  • 適合用來表示版權聲明、法律限制以及註解等時使用

s

  • 用來表示不再正確或不再有關係的內容

q

  • 適合用來表示引用別人說過的話

bdi

  • 可以用來改變一段文字的書寫方向,讓其與原來的文字書寫方向不同。

abbr

  • 縮寫

title

  • 可以表示 <abbr> 縮寫的全名
  • 如果有多個 <title>,只會選是第一個出現的。
  • 應該要放在 <head> 裡面,但即使沒放在裡面也可以正常顯示。

sup, sub

  • 上標字
  • 下標字

題庫解析:2-24, 2-37

blockquote

  • 引用了別人文章裡面的一段內容

bdo

  • 改變文字的顯示方向

題庫解析:2-32

frameset, noframe, frame, iframe

題庫解析:2-35

media

題庫解析:2-39

address

  • 適合用來表示網頁或文章作者的聯絡資訊

題庫解析:2-43

output

http://www.w3schools.com/jsref/dom_obj_output.asp

datalist

optgroup

http://www.w3schools.com/jsref/dom_obj_optgroup.asp

fieldset

http://www.w3schools.com/jsref/dom_obj_fieldset.asp

progress

http://www.w3schools.com/tags/tag_progress.asp

meter

http://www.w3schools.com/jsref/dom_obj_meter.asp

select-option

keygen

http://www.w3schools.com/jsref/dom_obj_keygen.asp

display special types of text

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

results matching ""

    No results matching ""