《頁面制作》筆記5_第1頁
《頁面制作》筆記5_第2頁
《頁面制作》筆記5_第3頁
《頁面制作》筆記5_第4頁
《頁面制作》筆記5_第5頁
免費預覽已結束，剩余1頁可下載查看

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、Word可編輯?前端開發工程師? 學習筆記?頁面制作?HTMLHTML簡介HTML的概念：HTML，全稱“Hyper Text Markup Language超文本標記語言，簡單來說，網頁就是用HTML語言制作的。HTML是一門描述性語言，是一門非常容易入門的語言。· HTML 指的是超文本標記語言 (Hyper Text Markup Language)· HTML 不是一種編程語言，而是一種標記語言 (markup language)· 標記語言是一套標記標簽 (markup tag)· HTML 使

2、用標記標簽來描述網頁HTML開展史HTML文檔結構：文檔聲明：<!DOCTYPE HTML>聲明這是一個HTML文檔。HTML 也有多個不同的版本，只有完全明白頁面中使用確實切 HTML 版本，瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。<!DOCTYPE> 不是 HTML 標簽。它為瀏覽器提供一項信息聲明，即 HTML 是用什么版本編寫的。HTML4.01文檔聲明：l Strict.dtdl Loose.dtdl Frameset.dtdHTML 4.01<!DOCTYPE HTML PUBLIC "-

3、/W3C/DTD HTML 4.01 Transitional/EN"" :/ /TR/html4/loose.dtd">HTML5 文檔聲明：<!DOCTYPE html>文檔頭部:head標簽是頁面的“頭部，只能定義一些特殊的內容。一般來說，只有6個標簽能放在<head>標簽內：<head>內部標簽說明<title>定義網頁的標題<meta>定義網頁的根本信息供搜索引擎<style>定義CSS樣式<link>鏈接外部CSS文件或腳本文件，以及favicon樣式

4、<script>定義腳本語言<base>定義頁面所有鏈接的根底定位<head>內部標簽具體介紹，參考鏈接： :/ xifengxx /seo/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/1437.html文檔主體<body><body>標簽內可以放置各種標簽。HTML標簽HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。· HTML 標簽是由尖括號包圍的關鍵詞，比方 <html>· HTML 標簽通常是成對出現的，比方 <b> 和 </b

5、>· 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽· 開始和結束標簽也被稱為開放標簽和閉合標簽HTML標簽書寫標準：l 標簽統一用小寫；l 屬性值用雙引號；l 嵌套縮進。HTML常用屬性全局屬性：l idl classl Stylel Title具體內容，可以參考：HTML全局屬性： :/ runoob /tags/ref-standardattributes.html)HTML標簽語義化：標簽的用途：語義化，讓網頁更好的被搜索引擎理解。什么叫做語義化呢，說的通俗點就是：明白每個標簽的用途在什么情況下使用此標簽合理比方，網頁上的文章的標題就可以用標題標簽，網頁

6、上的各個欄目的欄目名稱也可以使用標題標簽。文章中內容的段落就得放在段落標簽中，在文章中有想強調的文本，就可以使用 em 標簽表示強調等等。語義化可以給我們帶來什么樣的好處呢？l 更容易被搜索引擎收錄(SEO)。l 更容易讓屏幕閱讀器讀出網頁內容(可訪問性)。l 代碼可讀性HTML常用標簽HTML常見的標簽，如下列圖所示，記住常用標簽的用法、作用即可。關于各類標簽及其用法，參考下面網站鏈接：HTML參考手冊： :/ runoob /tags/html-reference.html我的博客關于HTML標簽文章： :/ xifengxx /tag/html主流瀏覽器都兼容HTML

7、5的新標簽，對于 IE8 及以下版本不認識 HTML5的新元素，可以使用 JavaScript 創立一個沒用的元素來解決，例如：<script>document.createElement("header");</script>，也可以使用shiv來解決兼容性問題，詳情可參考HTML5 Shiv。實體字符在 HTML 中，某些字符是預留的。在 HTML 中不能使用小于號<和大于號>，這是因為瀏覽器會誤認為它們是標簽。如果希望正確地顯示預留字符，我們必須在 HTML 源代碼中使用字符實體character entities。 字符實體類似這

8、樣：&entity_name;或&#entity_number;如需顯示小于號，我們必須這樣寫：&lt; 或 &#60; 或 &#060;一個字符實體(Character Entity)分成三局部：第一局部是一個&符號，英文叫ampersand；第二局部是實體(Entity)名字或者是#加上實體(Entity)編號；第三局部是一個分號。用實體(Entity)名字的好處是比擬好理解，一看lt，大概就猜出是less than的意思，但是其劣勢在于并不是所有的瀏覽器都支持最新的Entity名字。而實體(Entity)編號，各種瀏覽器都能處理。注意：Entity是區分大小寫的。顯示結果描述實體名稱實體編號空格&nbsp;&#160;<小于號&lt;&#60;>大于號&gt;&#62;&和號&amp;&#38;"引號&quot;&#34;'撇號&apos; (IE不支持)&#39;§小節&sect;&#167;©版權&copy;&#169;®注冊商標&reg

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論