整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML <summary> 標簽

          使用 <summary> 元素:

          <details>

          <summary>Copyright 1999-2011.</summary>

          <p> - by Refsnes Data. All Rights Reserved.</p>

          <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>

          </details>


          瀏覽器支持

          目前,只有 Chrome 和 Safari 6 支持 <summary> 標簽。


          標簽定義及使用說明

          <summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。


          HTML 4.01 與 HTML5之間的差異

          <summary> 標簽是 HTML5 中的新標簽。


          提示和注釋

          注釋:<summary> 元素應該是 <details> 元素的第一個子元素。


          全局屬性

          <summary> 標簽支持 HTML 的全局屬性。


          事件屬性

          <summary> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          :HTML描述

          1、HTML:Hyper Text Markup Language :超文本標記語言

          超文本:

          功能比普通文本更加強大

          標記語言:

          一套標記標簽對內容進行描述的語言,它不是編程語言

          2、HTML 使用標記標簽來描述網頁

          二:XHTML描述

          1、XHTML (The Extensible Markup Language)可擴展標識語言

          2、XHTML所有標簽都必須小寫

          3、XHTML標簽必須成雙成對

          4、XHTML標簽順序必須正確

          三:語法和規范

          1、HTML 文件都是以.html 或者.htm 結尾的,建議使用.html 結尾!

          2、Html 文件分為頭部分<head></head>和體部分<body></body>

          3、標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          4、開始和結束標簽也被稱為開放標簽和閉合標簽

          5、Html 標簽都是由開始標簽和結束標簽組成(<hr />)

          6、Html 標簽忽略大小寫,建議使用小寫

          四:HTML 標簽

          1、標題標簽

          2、水平線標簽

          3、段落標簽

          4、字體標簽

          5、文本標簽

          6、定義文檔類型

          1、<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范

          2、注釋:<!DOCTYPE> 標簽沒有結束標簽!

          7、meta標簽

          ①:元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞

          ②: 標簽位于文檔的頭部,不包含任何內容

          8、title標簽

          1、元素可定義文檔的標題

          2、瀏覽器會以特殊的方式來使用標題,并且通常把它放置在瀏覽器窗口的標題欄或狀態欄上

          著互聯網的不斷發展與前端開發技術的不斷進步,越來越多的人想在前端開發市場中分一杯羹,而HTML語言憑著它簡單易懂的特性成為了不少計算機萌新的入門語言。那么什么是HTML呢?

          什么是HTML

          HTML,即超文本標記語言,是一種標識性的語言。它包括一系列標簽,通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。

          使用HTML語言,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,并將這些HTML文件“翻譯”成可以識別的信息,即現在所見到的網頁。而HTML標簽是HTML語言中最基本的單位,是HTML最重要的組成部分。

          什么是HTML標簽

          • HTML標簽是由一對尖括號括起來的關鍵詞,像<html>、<body>等。
          • HTML標簽通常是成對出現的,第一個標簽是開始標簽,第二個標簽是結束標簽。
          • 標簽不區分大小寫,最好用小寫。
          • 標簽可以嵌套,但是不可以交叉嵌套,如<a><b></a></b>。
          • 有些標簽功能比較簡單.使用一個標簽即可.這種標簽叫做自閉合標簽.如<br/> <hr/> <img />等。

          標簽分類

          標簽一般分為兩種:

          1. 塊級標簽

          占一整行的標簽。如<h>、<p>、<div>、<form>等

          2. 行內標簽

          可以多個標簽共同占用一行的標簽。比如:<span>,<a>,<input>,<img>,<label>等

          3. 塊級標簽特點

          • 總是在新行上開始
          • 寬度缺省是它的容器的100%,除非設定一個寬度
          • 它可以容納內聯元素和其他塊元素

          4. 行內標簽特點

          • 和其他元素都在一行上
          • 寬度就是它的文字或圖片的寬度,不可改變
          • 內聯元素只能容納文本或者其他內聯元素

          HTML特殊字符

          平時寫代碼很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有時在移動端為了節省時間,可能會用這些字符實現某種特殊效果。

          使用方法:

          • 這些字符屬于unicode字符集,所以,你的文檔需要聲明為UTF-8;
          • 編號用在HTML中時,需要在前面加上&#符號;
          • 用于CSS文件中,但是需要用反斜杠\轉義;
          • 用于JavaScript,和CSS用法一樣,不過要用\u來轉義。

          常用HTML特殊字符

          HTML基本標簽簡介

          1. <!DOCTYPE html>標簽

          作用:聲明文檔的解析類型(document .compatMode),避免瀏覽器的怪異模式。

          瀏覽器有怪異模式(BackCompat)和標準模式(CSS1Compat)兩種模式,那么何為怪異模式和標準模式呢?

          • BackCompat:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。
          • CSS1Compat:標準模式,瀏覽器使用W3C的標準解析渲染頁面。

          如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認就是BackCompat,,如果是這樣的話那就很麻煩了-------瀏覽器按照自己的方式解析渲染頁面,即在不同的瀏覽器顯示不同的樣式。

          但是如果你的頁面添加了<!DOCTYPE html>,那么就等同于開啟了標準模式,瀏覽器就得老老實實的按照W3C的標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。

          這就是<!DOCTYPE html>的作用。

          1. <meta>標簽

          <meta>標簽用于提供關于 HTML 文檔的元數據(元數據是關于數據的信息),元數據不會顯示在頁面上,但是對于機器是可讀的。例如meta被用于設置關鍵字設置頁面描述設置作者設置字符集設置頁面定時跳轉等等。meta標簽放置在head標簽中,對meta的設置對搜索引擎注冊、搜索引擎優化排名等有至關重要的作用。

          <meta>有兩個屬性,分別是http-equiv屬性和name屬性,不同屬性有不同的參數,這些不同的參數使得名,meta標簽有不同的功能:

          http-equiv屬性

          顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。

          • 頁面編碼:

          • 頁面刷新和跳轉

          • 解決IE瀏覽器兼容性問題

          name屬性

          name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。

          • 供搜索引擎使用(關鍵詞)


          • 網站信息描述

          1. <title>標簽
          • title標簽寫網站頭部信息,即網頁標簽的名稱:

          <title>開云見日</title>

          1. <link>標簽

          link標簽有兩個作用:

          1.設置標簽頁圖標:


          2.外聯CSS文件:


          1. <style>標簽

          用于存放或編寫css文件:

          <style type="text/css"></style>

          1. <script>標簽

          1.引進文件

          <script type="text/javasvript" src="http://www.ncerp.cn/js/main.js"></script>

          2.寫js代碼

          <script type="text/javascript">...</script>

          1. 常用標簽
          • <hn>:n的取值范圍是1~6; 從大到小. 用來表示標題.
          • <p>:段落標簽. 包裹的內容被換行.并且也上下內容之間有一行空白.
          • <b> <strong>:加粗標簽.
          • <strike>:為文字加上一條中線.
          • <em>:文字變成斜體.
          • <sup>和<sub>:上角標 和 下角表.
          • <br>:換行.
          • <hr>:水平線
          • <div>:白板,本身沒有特性,塊級標簽。
          • <span>:白板,本身沒有特性,行內標簽。

          <sup>和<sub>的使用

        1. <p>這個文本包含 <sub>下標</sub>文本。</p>
        2. <p>這個文本包含 <sup>上標</sup> 文本。</p>
          1. <a>標簽
          • 作超鏈接:跳轉到指定url

          • 作錨點:條轉到指定id

          1. <img>標簽

          屬性如下:

        3. src: 要顯示圖片的路徑.
        4. alt: 圖片沒有加載成功時的提示.
        5. title: 鼠標懸浮時的提示信息.
        6. width: 圖片的寬
        7. height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放
        8. HTML還有很多標簽,像<ul>、<ol>、<dl>、<li>、<br>等等。在目前的移動應用開發大潮下,使用web技術進行移動應用開發正變得越來越流行,慢慢會變成以HTML為核心的技術棧配合數據庫的天下。讓我們找準時代發展方向,努力學習,成為時代的弄潮兒吧!


          主站蜘蛛池模板: 亚洲一区二区三区免费视频| 久久精品免费一区二区喷潮| 国产大秀视频一区二区三区| 国模无码一区二区三区不卡| 亚洲精品精华液一区二区| 区三区激情福利综合中文字幕在线一区 | 在线不卡一区二区三区日韩| 亚洲狠狠久久综合一区77777| 一区视频免费观看| 国内精品一区二区三区在线观看| 亚洲av午夜福利精品一区人妖| 爆乳熟妇一区二区三区霸乳| 国产丝袜无码一区二区视频| 乱码人妻一区二区三区| 在线观看国产一区二三区| 福利一区二区三区视频在线观看 | 人妻夜夜爽天天爽一区| 亚洲日本一区二区| 伊人色综合一区二区三区| 午夜视频久久久久一区| 国产女人乱人伦精品一区二区 | 日韩人妻不卡一区二区三区| 日韩精品无码视频一区二区蜜桃 | 亚洲老妈激情一区二区三区| 国产精品一区12p| 亚洲一区二区精品视频| 国产成人综合精品一区| 亚洲一区二区三区成人网站 | 一本岛一区在线观看不卡| 国产精品高清视亚洲一区二区| 无码精品人妻一区二区三区漫画 | 国产精品一区二区在线观看| 欧美日本精品一区二区三区 | 无码少妇精品一区二区免费动态| 丰满少妇内射一区| 精品国产日产一区二区三区| 鲁丝片一区二区三区免费| 亚洲av无码一区二区乱子伦as| 奇米精品一区二区三区在线观看| 一区二区三区无码视频免费福利| 精品日产一区二区三区手机|