HTML - 元素/标签和属性基础

缺乏、安全感 2022-06-02 01:24 311阅读 0赞

http://[blog.csdn.net/pipisorry/article/details/78928313][blog.csdn.net_pipisorry_article_details_78928313]

## HTML元素简介    ##

HTML 文档由 HTML 元素定义。HTML 文档由嵌套的 HTML 元素构成。

"HTML 标签" and "HTML 元素" 通常都是描述同样的意思.但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签。开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。元素的内容是开始标签与结束标签之间的内容。

Note:即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML，因为关闭标签是可选的。但忘记使用结束标签会产生不可预料的结果或错误。在未来的 HTML 版本中，不允许省略结束标签。

### 块级元素和内联元素    ###

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素（区块元素）在浏览器显示时，通常会以新行来开始（和结束）。实例: <h1>, <p>, <ul>, <table>, <div>。

内联元素在显示时通常不会以新行开始。实例: <b>, <td>, <a>, <img>。

### HTML 空元素 ###

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

### 使用小写标签 ###

HTML 标签对大小写不敏感：<P> 等同于 <p>。万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

### 其他标签    ###

<hr> 标签在 HTML 页面中创建水平线。可用于分隔内容。

HTML 注释：

\[[HTML 标签列表(字母排序)][HTML]\]

\[[HTML 标签列表（功能排序）][HTML 1]\]

## HTML 属性简介 ##

属性是 HTML 元素提供的附加信息。  
HTML 元素可以设置属性;属性一般描述于开始标签;属性总是以名称/值对的形式出现，比如：name="value"。

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

### HTML属性列表 ###

New : HTML5 新属性。

<table> 
 <tbody> 
  <tr> 
   <th align="left">属性</th> 
   <th align="left">描述</th> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-accesskey.html" title="HTML Global accesskey 属性" rel="nofollow">accesskey</a></td> 
   <td>设置访问元素的键盘快捷键。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-class.html" title="HTML Global class 属性" rel="nofollow">class</a></td> 
   <td><strong>规定元素的类名</strong>（classname）。为html元素定义一个或多个类名（classname）(类名从样式文件引入)</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-contenteditable.html" title="HTML Global contenteditable 属性" rel="nofollow">contenteditable</a><span>New</span></td> 
   <td>规定是否可编辑元素的内容。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-contextmenu.html" title="HTML contextmenu 属性" rel="nofollow">contextmenu</a><span>New</span></td> 
   <td>指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-data.html" rel="nofollow">data-*</a><span>New</span></td> 
   <td>用于存储页面的自定义数据</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-dir.html" title="HTML dir 属性" rel="nofollow">dir</a></td> 
   <td>设置元素中内容的文本方向。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-draggable.html" title="HTML draggable 属性" rel="nofollow">draggable</a><span>New</span></td> 
   <td>指定某个元素是否可以拖动</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-dropzone.html" title="HTML dropzone 属性" rel="nofollow">dropzone</a><span>New</span></td> 
   <td>指定是否将数据复制，移动，或链接，或删除</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-hidden.html" title="HTML hidden 属性" rel="nofollow">hidden</a><span>New</span></td> 
   <td>hidden 属性规定对元素进行隐藏。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-id.html" title="HTML id 属性" rel="nofollow">id</a></td> 
   <td><strong>规定元素的唯一 id</strong></td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-lang.html" title="HTML lang 属性" rel="nofollow">lang</a></td> 
   <td>设置元素中内容的语言代码。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-spellcheck.html" title="HTML spellcheck 属性" rel="nofollow">spellcheck</a><span>New</span></td> 
   <td>检测元素是否拼写错误</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-style.html" title="HTML style 属性" rel="nofollow">style</a></td> 
   <td><strong>规定元素的行内样式（inline style）</strong></td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-tabindex.html" title="HTML tabindex 属性" rel="nofollow">tabindex</a></td> 
   <td>设置元素的 Tab 键控制次序。</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-title.html" title="HTML title 属性" rel="nofollow">title</a></td> 
   <td><strong>规定元素的额外信息（可在工具提示中显示， 作为工具条使用）</strong></td> 
  </tr> 
  <tr> 
   <td><a href="http://www.w3cschool.cc/tags/att-global-translate.html" title="HTML translate 属性" rel="nofollow">translate</a><span>New</span></td> 
   <td>指定是否一个元素的值在页面载入时是否需要翻译</td> 
  </tr> 
 </tbody> 
</table>

from: [http://blog.csdn.net/pipisorry/article/details/78928313][blog.csdn.net_pipisorry_article_details_78928313]

ref:

[blog.csdn.net_pipisorry_article_details_78928313]: http://blog.csdn.net/pipisorry/article/details/78928313
[HTML]: http://www.w3cschool.cc/tags/html-reference.html
[HTML 1]: http://www.w3cschool.cc/tags/ref-byfunc.html