DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML基本結構全面了解
HTML基本結構全面了解
編輯:HTML和Xhtml     

HTML簡介

HyperText Markup Language:超文本標記語言

HyperText:超文本(文本 + 圖片 + 視頻 + 音頻 + 鏈接)

Markup Language:標記語言

網站的三大元素

圖片,超鏈接,文字

HTML基本結構

XML/HTML Code復制內容到剪貼板
  1. <html>  
  2.     <head>  
  3.         <title>Document</title>  
  4.     </head>  
  5.     <body>  
  6.         I am mossbaoo !   
  7.     </body>  
  8. </html>  

標准網頁的HTML標簽

1.HTML文檔聲明:<!DOCTYPE HTML>

2.頁面標題:<title>~</title>

3.頁面編碼:<meta charset= "utf-8" />

utf-8 是多國語言編碼(推薦使用)

gb2312 是簡體中文編碼


4.頁面關鍵字:<meta name="keywords" content="關鍵字1,關鍵字2,…" />

頁面主要內容:<meta name="description" content="內容介紹" />

注意:meta標簽是html語言的輔助性標簽,通常用於優化搜索引擎,它位於HTML文檔頭部。

生成HTML文檔初始結構

1.HTML5的標准結構:html:5+Tab鍵  或  !+Tab鍵

生成結果如下

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6. </head>  
  7. <body>  
  8.        
  9. </body>  
  10. </html>  

2.HTML4的過渡型結構:html:xt+Tab鍵

生成結果如下

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
  5.     <title>Document</title>  
  6. </head>  
  7. <body>  
  8.        
  9. </body>  
  10. </html>  

HTML標簽注意點:

• HTML元素由開始標簽和結束標簽組成。

• 位於開始標簽和結束標簽中的文本是元素的內容。

• HTML標簽有開始必須有結束,如果是沒有內容的標簽(空標簽),用/>來結束。

• 標簽名不區分大小寫,但是在XHTML中標簽名必須用小寫。

• 標簽具有屬性,屬性用來表示標簽的性質和特性。屬性要在開始標簽中指定。

以上這篇HTML基本結構全面了解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

原文地址:http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved