HTML基礎(二) 網頁標題與注釋

2021-10-04 21:34:27 字數 1663 閱讀 6113

昨天的教程講的是基礎結構元素,複習一下,即標籤、標籤、標籤。用法沒記住的話,你還是回去在多看幾遍教程吧。

介紹了基礎結構,但是那並不是基本的框架,想要成為基本框架,還需要加上下面這個標籤,title標籤。

這個標籤是幹什麼的呢?用瀏覽器開啟乙個網頁時,瀏覽器都會有乙個專門的欄來方便你進行對各個以開啟網頁的切換和操作,這個欄叫做標題欄亦或者狀態列,這個標籤的作用便是定義每個網頁在這裡顯示的內容。

特別說明的是,這個標籤是一對的,而且僅存在乙個,必須放在標籤內部。標籤是標籤中唯一要求包含的東西。

作為乙個網頁的標題,其內容最好要能體現這個網頁的具體內容或作用,當然,你要想亂填我也沒意見。

具體使用參照:

至此,乙個網頁最基本的框架搭好了,當然裡面還有一些不必要的文字內容,但是這幾個標籤的位置是固定的,而且是必不可少的。讓我們看看這個框架的實際展示效果,

emmm…網頁的實際內容的確是有了,但是我們一開始僅僅是為了區分註明它們所在的位置是網頁的什麼部位不是嘛?這種註明用途的語句展示出來幹什麼,能不能把它們在網頁上不顯示但是又能讓我們在編輯原始碼時看到呢?必須能啊,這就要提到html的注釋標籤了。

長的有點怪不是嘛,但是用處非常廣,格外好用。這個和程式設計的注釋一樣,能有效的提高工作人員對原始碼的閱讀效率,方便修改和維護。不同與程式設計中多行注釋和單行注釋區別使用,html中注釋僅有這乙個標籤,但是它乙個就能完成多種注釋效果。

例如這是乙個單行注釋:

而這是乙個多行注釋:

來,讓我們把注釋便簽加入網頁中:

然後你就會發現加上這個標籤後其中的內容自動變成灰色了,再看瀏覽器(儲存修改後開啟檔案),你就會發現,嗯?字莫得了?!

這樣就達成了我們最初的想法,僅能在編譯時看到但不在瀏覽器上顯示。

注釋標籤的實用性很高,在長時間對**的編輯時,或當你編寫了大量**時尤其有用。同時,使用注釋標籤來隱藏瀏覽器不支援的指令碼也是乙個好習慣(這樣就不會把指令碼顯示為純文字)。至於瀏覽器的支援情況嘛,這就涉及到網頁的相容性了。

html經過多年來的發展,由最初的html已經發展到了html5時代,當html5仍在發展中,而過去的瀏覽器會對新演化出的內容出現不支援的現象,也就是我們所說的頁面不相容。因此我們在編輯乙個網頁時常常要用開啟瀏覽器開啟檢視具體的效果,看是否符合自己的要求的同時,也在檢查是否能夠正常瀏覽,一般的,會使用谷歌瀏覽器、火狐瀏覽器和ie瀏覽器去檢驗,對於ie瀏覽器,這個版本賊多,bug奇多的瀏覽器,推薦使用ie tester這個工具去檢驗,誰也不願意自己電腦裡裝一堆ie吧,這乙個就夠了,它能模擬多個主要版本的ie瀏覽器,強烈安利。

HTML(十) 網頁優化

一 網頁優化描述 超連結優化 採用純文字鏈結,少用,最好是別用flash動畫設定鏈結,因為搜尋引擎無法識別flash上的文字.優化 alt屬性,title屬性 二 css重置 css規範 命名方法 語義化命名,結構化命名 id 結構化 header footer class border0 red ...

HTML基礎5 網頁開發工具

網頁開發工具 3.1文件型別宣告標籤 文件型別宣告,作用就是告訴瀏覽器使用哪種html版本顯示網頁 這句 的意思是 當前頁面採取的是html5版本來顯示網頁.注意 1.宣告位於文件中的最前面的位置,處於標籤之前 2.不是乙個html標籤,他就是乙個文件型別宣告標籤。3.2lang 語言種類 用來定義...

HTML例項1 網頁文章

例項1 一篇網頁文章 寫這個網頁需要用到的東西很少,簡單的文字格式和一些對齊方式即可完成。還有就是一些格式例如首行縮排需要用到轉移字元。效果圖如下 源 網頁標題title 科技雜談b color pink 01月01日 12 17font p color pink 閱讀font color red ...