例
使用 <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,我們一起飛!
1、HTML:Hyper Text Markup Language :超文本標記語言
超文本:
功能比普通文本更加強大
標記語言:
一套標記標簽對內容進行描述的語言,它不是編程語言
2、HTML 使用標記標簽來描述網頁
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 標簽忽略大小寫,建議使用小寫
1、標題標簽
2、水平線標簽
3、段落標簽
4、字體標簽
5、文本標簽
6、定義文檔類型
1、<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范
2、注釋:<!DOCTYPE> 標簽沒有結束標簽!
7、meta標簽
①:元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞
②: 標簽位于文檔的頭部,不包含任何內容
8、title標簽
1、元素可定義文檔的標題
2、瀏覽器會以特殊的方式來使用標題,并且通常把它放置在瀏覽器窗口的標題欄或狀態欄上
著互聯網的不斷發展與前端開發技術的不斷進步,越來越多的人想在前端開發市場中分一杯羹,而HTML語言憑著它簡單易懂的特性成為了不少計算機萌新的入門語言。那么什么是HTML呢?
HTML,即超文本標記語言,是一種標識性的語言。它包括一系列標簽,通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。
使用HTML語言,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,并將這些HTML文件“翻譯”成可以識別的信息,即現在所見到的網頁。而HTML標簽是HTML語言中最基本的單位,是HTML最重要的組成部分。
標簽一般分為兩種:
1. 塊級標簽
占一整行的標簽。如<h>、<p>、<div>、<form>等
2. 行內標簽
可以多個標簽共同占用一行的標簽。比如:<span>,<a>,<input>,<img>,<label>等
3. 塊級標簽特點
4. 行內標簽特點
平時寫代碼很少用到HTML的特殊字符,最常用的可能是 (空格)了,但有時在移動端為了節省時間,可能會用這些字符實現某種特殊效果。
使用方法:
常用HTML特殊字符
作用:聲明文檔的解析類型(document .compatMode),避免瀏覽器的怪異模式。
瀏覽器有怪異模式(BackCompat)和標準模式(CSS1Compat)兩種模式,那么何為怪異模式和標準模式呢?
如果你的頁面沒有DOCTYPE的聲明,那么compatMode默認就是BackCompat,,如果是這樣的話那就很麻煩了-------瀏覽器按照自己的方式解析渲染頁面,即在不同的瀏覽器顯示不同的樣式。
但是如果你的頁面添加了<!DOCTYPE html>,那么就等同于開啟了標準模式,瀏覽器就得老老實實的按照W3C的標準解析渲染頁面,這樣一來,你的頁面在所有的瀏覽器里顯示的就都是一個樣子了。
這就是<!DOCTYPE html>的作用。
<meta>標簽用于提供關于 HTML 文檔的元數據(元數據是關于數據的信息),元數據不會顯示在頁面上,但是對于機器是可讀的。例如meta被用于設置關鍵字、設置頁面描述、設置作者、設置字符集、設置頁面定時跳轉等等。meta標簽放置在head標簽中,對meta的設置對搜索引擎注冊、搜索引擎優化排名等有至關重要的作用。
<meta>有兩個屬性,分別是http-equiv屬性和name屬性,不同屬性有不同的參數,這些不同的參數使得名,meta標簽有不同的功能:
http-equiv屬性
顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
name屬性
name屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。
<title>開云見日</title>
link標簽有兩個作用:
1.設置標簽頁圖標:
2.外聯CSS文件:
用于存放或編寫css文件:
<style type="text/css"></style>
1.引進文件
<script type="text/javasvript" src="http://www.ncerp.cn/js/main.js"></script>
2.寫js代碼
<script type="text/javascript">...</script>
屬性如下:
HTML還有很多標簽,像<ul>、<ol>、<dl>、<li>、<br>等等。在目前的移動應用開發大潮下,使用web技術進行移動應用開發正變得越來越流行,慢慢會變成以HTML為核心的技術棧配合數據庫的天下。讓我們找準時代發展方向,努力學習,成為時代的弄潮兒吧!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。