亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁設(shè)計

HTML基本語法和語義

時間:2024-08-14 08:47:51 網(wǎng)頁設(shè)計 我要投稿
  • 相關(guān)推薦

HTML基本語法和語義

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

  DOCTYPE(Document Type)

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

  DTD(Document Type Definition)

  聲明以開始,不區(qū)分大小寫,前面沒有任何內(nèi)容,如果有其他內(nèi)容(空格除外)會使瀏覽器在IE下開啟怪異模式(quirks mode)渲染網(wǎng)頁。公共DTD,名稱格式為注冊//組織//類型 標(biāo)簽//語言,注冊指組織是否由國際標(biāo)準(zhǔn)化組織(ISO)注冊,+表示是,-表示不是。組織即組織名稱,如:W3C。類型一般是 DTD。標(biāo)簽是指定公開文本描述,即對所引用的公開文本的唯一描述性名稱,后面可附帶版本號。最后語言是DTD語言的ISO 639語言標(biāo)識符,如:EN表示英文,ZH表示中文。XHTML 1.0 可聲明三種DTD 類型。分別表示嚴(yán)格版本,過渡版本,以及基于框架的HTML文檔。

  HTML 4.01 strict

  HTML 4.01 Transitional

  HTML 4.01 Frameset

  HTML5文檔類型

  meta

  聲明文檔使用的字符編碼

  html5之前

  html5

  SEO優(yōu)化

  標(biāo)題

  頁面描述

  關(guān)鍵字

  網(wǎng)頁作者

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

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

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

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

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

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

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

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

  標(biāo)簽

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

  html5 demo

  html5 demo

  nav1

  nav2

  article aside

  article

  aside

  footer

  tips

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

  標(biāo)簽在不同瀏覽器默認(rèn)樣式會有一些區(qū)別,為了一個網(wǎng)頁在不同瀏覽器中看到的效果一樣,通常要先格式化一下標(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基本語法和語義】相關(guān)文章:

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

HTML網(wǎng)頁設(shè)計語法基礎(chǔ)代碼08-22

語義化的HTML結(jié)構(gòu)到底有何好處10-20

PHP基本語法06-30

PHP基本語法大全10-18

PHP的基本語法介紹07-31

關(guān)于PHP基本語法總結(jié)11-04

JAVA語法基礎(chǔ)之變量和基本數(shù)據(jù)類型10-28

html標(biāo)簽之Object和EMBED標(biāo)簽08-20

Java基本語法編程練習(xí)題06-14