HTML基本語法和語義

時間：2026-01-03 16:36:07 網頁設計

HTML基本語法和語義

　　超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。下面就來和小編一起看看HTML基本語法和語義吧。

　　DOCTYPE(Document Type)

　　該聲明位于文檔中最前面的位置，處于html標簽之前，此標簽告知瀏覽器文檔使用哪種HTML或者 XHTML規范。

　　DTD(Document Type Definition)

　　聲明以開始，不區分大小寫，前面沒有任何內容，如果有其他內容(空格除外)會使瀏覽器在IE下開啟怪異模式(quirks mode)渲染網頁。公共DTD，名稱格式為注冊/pic/pic/pic/p>

　　HTML 4.01 strict

　　HTML 4.01 Transitional

　　HTML 4.01 Frameset

　　HTML5文檔類型

　　meta

　　聲明文檔使用的字符編碼

　　html5之前

　　html5

　　SEO優化

　　標題

　　頁面描述

　　關鍵字

　　網頁作者

　　網頁搜索引擎索引方式

　　follow 跟蹤鏈接并分析目標網頁。這是默認行為，并且可忽略。

　　index 將網頁編入索引。這是默認行為，并且可忽略。

　　noodp 不使用 Open Directory Project 來創建內容描述。

　　noydir 不使用 Yahoo Directory 來創建內容描述。

　　noarchive 不允許搜索引擎顯示內容的緩存版本。

　　cache 允許搜索引擎顯示內容的緩存版本。

　　nocache 不允許搜索引擎顯示內容的緩存版本。

　　標簽

　　定義文檔的結構，使文檔的標記更加語義化。

　　html5 demo

　　nav1

　　nav2

　　article aside

　　article

　　aside

　　footer

　　tips

　　html5標簽更加豐富和完善，div標簽似乎沒有什么用武之地，但是如果僅僅想在文檔中加入一段樣式，這個時候div標簽便派上用場了。

　　標簽在不同瀏覽器默認樣式會有一些區別，為了一個網頁在不同瀏覽器中看到的效果一樣，通常要先格式化一下標簽的樣式

　　@charset "utf-8";

html{margin:0;padding:0;border:0}a,abbr,acronym,address,article,aside,blockquote,body,caption,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,img,label,legend,li,nav,object,ol,p,pre,q,section,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;background:#fff}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400;float:none!important}table,td,th{vertical-align:middle}blockquote:after,blockquote:before,q:after,q:before{content:''}blockquote,q{quotes:"" ""}a img{border:none}a{text-decoration:none}:focus{outline:0}

　　如果要在不支持html5的瀏覽器中使用html5標簽，需要加一小段JavaScript代碼

　　document.createElement('header');

　　document.createElement('nav');

　　document.createElement('section');

　　document.createElement('aside');

　　document.createElement('article');

　　document.createElement('footer');

　　標簽可編輯屬性contenteditable

【HTML基本語法和語義】相關文章：

語義化的HTML結構好處02-07

HTML代碼的基本認識09-29

語義化的HTML結構到底有何好處02-17

PHP基本語法01-03