Summary of the use of all attributes of the tag in html-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

Summary of the use of all attributes of the tag in html

黄舟

May 30, 2018 pm 02:32 PM

html about Label

Set the href value in the tag in HTML to the page to be jumped, and set the target value to _blank, which means that the page to pop up is displayed in a new window. If you want to set How to set the new window to a fixed size, and there are no toolbars and menu bars in the new window

The main function of this label

-Create a link to another document through the href attribute
-Create a bookmark within the document through the name attribute
href or name is a required attribute

target attribute

An important attribute of the A tag—target, target defines where the linked document is displayed

Possible values for target are:
_blank Open a new window
_parent Displayed in the previous window
_top Displayed in the top window

name Displayed in the window named name
_self Displayed in the current window, the default attributes
_parent, _top, name must be used in combination with frame.

If the frame or window with the specified name or id does not exist, the browser will open a new window, give the window a specified tag, and then load the new document into that window. From now on, the Hyperlink document can point to this new window.

<html>
<body>

<h3>Table of Contents</h3>
<ul>
  <li><a href="/example/html/pref.html" target="bodyFrame">Preface</a></li>
  <li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe id="bodyFrame" name="bodyFrame" frameborder="0"></iframe>
</body>
</html>

Copy after login

href attribute

# #href specifies the link address:

-Text link

<a href="http://www.baidu.com">百度一下</a>

Copy after login

imageLink:

<a href="http://www.baidu.com"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"></a>

Copy after login

Three possible values for href:

## - Absolute URL - points to another site

href="http://www.example.com/index.htm"

Copy after login

- Relative URL - points to a file within the site

href="index.htm"

Copy after login

- Anchor URL - points to an anchor in the page

href="#top"

Copy after login

name规定了锚的名称

相对链接

<a href="#h1">跳到第一章</a>
...
<h1>
<a name="h1">第一章</a>
<!--这里的name可以换成id-->
</h1>
<p>本章的内容有....</p>

Copy after login

绝对链接

<a href=" 
<!--这段代码会让用户直接进入这个网站的这个anchor下-->

Copy after login

其他

download 规定被下载的目标，即点击后直接下载某个目标（H5）

media 规定目标文档是专为什么样的平台设计的，没有实际作用（H5）

type 规定了文档的mime类型，比如”text/css”
X/charset 规定链接的字符集（w3shool标记为所有浏览器不支持）
X/hreflang 规定链接文档的语言（w3shool标记为所有浏览器不支持）

The above is the detailed content of Summary of the use of all attributes of the tag in html. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn