HTML基本語(yǔ)法和語(yǔ)義

時(shí)間：2026-01-03 16:36:07 網(wǎng)頁(yè)設(shè)計(jì)

HTML基本語(yǔ)法和語(yǔ)義

　　超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。下面就來(lái)和小編一起看看HTML基本語(yǔ)法和語(yǔ)義吧。

　　DOCTYPE(Document Type)

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

　　DTD(Document Type Definition)

　　聲明以開(kāi)始，不區(qū)分大小寫(xiě)，前面沒(méi)有任何內(nèi)容，如果有其他內(nèi)容(空格除外)會(huì)使瀏覽器在IE下開(kāi)啟怪異模式(quirks mode)渲染網(wǎng)頁(yè)。公共DTD，名稱(chēng)格式為注冊(cè)/pic/pic/pic/p>

　　HTML 4.01 strict

　　HTML 4.01 Transitional

　　HTML 4.01 Frameset

　　HTML5文檔類(lèi)型

　　meta

　　聲明文檔使用的字符編碼

　　html5之前

　　html5

　　SEO優(yōu)化

　　標(biāo)題

　　頁(yè)面描述

　　關(guān)鍵字

　　網(wǎng)頁(yè)作者

　　網(wǎng)頁(yè)搜索引擎索引方式

　　follow 跟蹤鏈接并分析目標(biāo)網(wǎng)頁(yè)。這是默認(rèn)行為，并且可忽略。

　　index 將網(wǎng)頁(yè)編入索引。這是默認(rèn)行為，并且可忽略。

　　noodp 不使用 Open Directory Project 來(lái)創(chuàng)建內(nèi)容描述。

　　noydir 不使用 Yahoo Directory 來(lái)創(chuàng)建內(nèi)容描述。

　　noarchive 不允許搜索引擎顯示內(nèi)容的緩存版本。

　　cache 允許搜索引擎顯示內(nèi)容的緩存版本。

　　nocache 不允許搜索引擎顯示內(nèi)容的緩存版本。

　　標(biāo)簽

　　定義文檔的結(jié)構(gòu)，使文檔的標(biāo)記更加語(yǔ)義化。

　　html5 demo

　　nav1

　　nav2

　　article aside

　　article

　　aside

　　footer

　　tips

　　html5標(biāo)簽更加豐富和完善，div標(biāo)簽似乎沒(méi)有什么用武之地，但是如果僅僅想在文檔中加入一段樣式，這個(gè)時(shí)候div標(biāo)簽便派上用場(chǎng)了。

　　標(biāo)簽在不同瀏覽器默認(rèn)樣式會(huì)有一些區(qū)別，為了一個(gè)網(wǎng)頁(yè)在不同瀏覽器中看到的效果一樣，通常要先格式化一下標(biāo)簽的樣式

　　@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標(biāo)簽，需要加一小段JavaScript代碼

　　document.createElement('header');

　　document.createElement('nav');

　　document.createElement('section');

　　document.createElement('aside');

　　document.createElement('article');

　　document.createElement('footer');

　　標(biāo)簽可編輯屬性contenteditable

【HTML基本語(yǔ)法和語(yǔ)義】相關(guān)文章：

語(yǔ)義化的HTML結(jié)構(gòu)好處02-07

HTML代碼的基本認(rèn)識(shí)09-29

語(yǔ)義化的HTML結(jié)構(gòu)到底有何好處02-17