HTML 5 <a> ±êÇ©

¶¨ÒåºÍÓ÷¨

<a> ±êÇ©¶¨Ò峬Á´½Ó£¬ÓÃÓÚ´ÓÒ»¸öÒ³ÃæÁ´½Óµ½ÁíÒ»¸öÒ³Ãæ¡£

<a> ÔªËØ×îÖØÒªµÄÊôÐÔÊÇ href ÊôÐÔ£¬ËüÖ¸¶¨Á´½ÓµÄÄ¿±ê¡£

ÔÚËùÓÐä¯ÀÀÆ÷ÖУ¬Á´½ÓµÄĬÈÏÍâ¹ÛÊÇ£º

  • δ±»·ÃÎʵÄÁ´½Ó´øÓÐÏ»®Ïß¶øÇÒÊÇÀ¶É«µÄ
  • Òѱ»·ÃÎʵÄÁ´½Ó´øÓÐÏ»®Ïß¶øÇÒÊÇ×ÏÉ«µÄ
  • »î¶¯Á´½Ó´øÓÐÏ»®Ïß¶øÇÒÊǺìÉ«µÄ

ʵÀý

Á´½Óµ½ w3school£º

<a href="http://www.w3school.com.cn">W3School</a>

Ç××ÔÊÔÒ»ÊÔ

HTML 4.01 Óë HTML 5 Ö®¼äµÄ²îÒì

ÔÚ HTML 4.01 ÖУ¬<a> ±êÇ©¼È¿ÉÒÔÊdz¬Á´½Ó£¬Ò²¿ÉÒÔÊÇê¡£ÕâÈ¡¾öÓÚÊÇ·ñÃèÊöÁË href ÊôÐÔ¡£

ÔÚ HTML 5 ÖУ¬<a> Êdz¬Á´½Ó£¬µ«ÊǼÙÈçûÓÐ href ÊôÐÔ£¬Ëü½ö½öÊdz¬Á´½ÓµÄÒ»¸öռλ·û¡£

HTML 5 ÓÐһЩеÄÊôÐÔ£¬Í¬Ê±²»ÔÙÖ§³ÖһЩ HTML 4.01 µÄÊôÐÔ¡£

ÌáʾºÍ×¢ÊÍ

Ìáʾ£ºÈç¹ûûÓÐʹÓà href ÊôÐÔ£¬Ôò²»ÄÜʹÓà hreflang, media, ping, rel, target ÒÔ¼° type ÊôÐÔ¡£

Ìáʾ£ºÍ¨³£ÔÚµ±Ç°ä¯ÀÀÆ÷´°¿ÚÖÐÏÔʾ±»Á´½ÓÒ³Ãæ£¬³ý·Ç¹æ¶¨ÁËÆäËû target¡£

Ìáʾ£ºÇëʹÓà CSS À´¸Ä±äÁ´½ÓµÄÑùʽ¡£

ÊôÐÔ

ÊôÐÔ Öµ ÃèÊö
charset char_encoding HTML 5 Öв»Ö§³Ö¡£
coords coordinates HTML 5 Öв»Ö§³Ö¡£
href URL Á´½ÓµÄÄ¿±ê URL¡£
hreflang language_code ¹æ¶¨Ä¿±ê URL µÄ»ù×¼ÓïÑÔ¡£½öÔÚ href ÊôÐÔ´æÔÚʱʹÓá£
media media query

¹æ¶¨Ä¿±ê URL µÄý½éÀàÐÍ¡£

ĬÈÏÖµ£ºall¡£½öÔÚ href ÊôÐÔ´æÔÚʱʹÓá£

name section_name HTML 5 Öв»Ö§³Ö¡£
rel
  • alternate
  • archives
  • author
  • bookmark
  • contact
  • external
  • first
  • help
  • icon
  • index
  • last
  • license
  • next
  • nofollow
  • noreferrer
  • pingback
  • prefetch
  • prev
  • search
  • stylesheet
  • sidebar
  • tag
  • up

¹æ¶¨µ±Ç°ÎĵµÓëÄ¿±ê URL Ö®¼äµÄ¹ØÏµ¡£

½öÔÚ href ÊôÐÔ´æÔÚʱʹÓá£

rev text HTML 5 Öв»Ö§³Ö¡£
shape
  • default
  • rect
  • circle
  • poly
HTML 5 Öв»Ö§³Ö¡£
target
  • _blank
  • _parent
  • _self
  • _top
Ôںδ¦´ò¿ªÄ¿±ê URL¡£½öÔÚ href ÊôÐÔ´æÔÚʱʹÓá£
type mime_type

¹æ¶¨Ä¿±ê URL µÄ MIME ÀàÐÍ¡£½öÔÚ href ÊôÐÔ´æÔÚʱʹÓá£

×¢£ºMIME = Multipurpose Internet Mail Extensions¡£

È«¾ÖÊôÐÔ

<a> ±êǩ֧³Ö HTML 5 ÖеÄÈ«¾ÖÊôÐÔ¡£

ʼþÊôÐÔ

<a> ±êǩ֧³Ö HTML 5 ÖеÄʼþÊôÐÔ¡£