前端視頻2-第一部分

2.文件類型蔓彩,xtml介紹导俘。

xml文件規(guī)則嚴格

1.xml語言所有標簽和屬性都自定義
2.xml語言區(qū)分大小寫峦耘。html不區(qū)分
3.xml標簽必須結束,兩種方式
4.xml的屬性必須有值旅薄,需要引號引起來
5.xml標簽必須合理嵌套辅髓,不能錯位

xml文件是為了存儲和傳遞數(shù)據(jù)而用

網(wǎng)頁文檔類型介紹

一個html文件中的第一行代碼通常就是用來聲明網(wǎng)頁文檔類型,其格式是

<!doctype   聲明語句少梁。洛口。。凯沪。第焰。>

html4.0和4.01版本不同,也有分化:

嚴格型:可用的標簽和屬性相對較少妨马,但可兼容更多的瀏覽器
寬松型:可用的標簽和屬性相對較多挺举,但可兼容較少的瀏覽器
框架型:一種特殊需要的類型

因此html的聲明也有三種(嚴格型杀赢,寬松型,框架型)

? 嚴格型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
?過渡(寬松)型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
?框架型:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

如果將html的語法用xml的嚴格標準去寫湘纵,這樣的文檔被稱為 xhtml 文檔脂崔,要求:

1.單標簽用“/”結束
2.將無值的屬性改為有值
例: noshade="noshade"
3.標簽都使用小寫,屬性都加引號梧喷,標簽不能錯位書寫脱篙。

html有三個文本類型,對應的xhtml也有三種文本類型伤柄。

嚴格型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

過渡型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

框架型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

特別注意:xhtml和html并沒有什么本質(zhì)上的區(qū)別绊困,知識xhtml的語法比較嚴格。

到html5形式已經(jīng)變?yōu)?/h3>
<!DOCTYPE html>

3.a鏈接和錨點應用

鏈接標簽

<a href=”設定鏈接的目標網(wǎng)頁文件url” target=”設定要打開該網(wǎng)頁的瀏覽器窗口的名字” >內(nèi)容部分</a> url其實就是“網(wǎng)頁地址”的意思适刀。
_blank: 新的窗口(空白窗口)
_self: 當前網(wǎng)頁本身這個窗口
_parent: 當前窗口的“上一級”窗口秤朗。
_top: 當前窗口所在的窗口層級中的最頂層那個窗口
target如果沒有設定,則現(xiàn)在通常的默認值是_self.

url值“鏈接地址”
1.絕對地址
2相對地址
./ 代表本身地址
../ 代表當前網(wǎng)頁上一級頁面
/ 代表當前網(wǎng)頁最頂端路徑

鏈接的變種形式:錨點:

什么是錨點:錨點其實是指一個網(wǎng)頁中的某個位置笔喉。錨點的作用是讓用戶在一個比較長的網(wǎng)頁中可以快速定位其所需要的內(nèi)容(位置)取视。

錨點的實現(xiàn)需要由兩個a標簽來配合使用:
設定錨點的鏈接:<a href=”#錨點名” >內(nèi)容部分</a>
設定錨點的名字(錨點位置):<a name=”錨點名”></a>

短短的學習了兩節(jié)課,我腦中清晰的對前端的格式和標簽有了了解常挚,認識到標簽重要性作谭,這些視頻可以讓我對前端再次有了了解,我相信堅持下去奄毡,我會自己完完整整的做一個完美的前端折欠。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吼过,隨后出現(xiàn)的幾起案子锐秦,更是在濱河造成了極大的恐慌,老刑警劉巖盗忱,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件酱床,死亡現(xiàn)場離奇詭異,居然都是意外死亡趟佃,警方通過查閱死者的電腦和手機扇谣,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來闲昭,“玉大人罐寨,你說我怎么就攤上這事√乐剑” “怎么了衩茸?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我楞慈,道長幔烛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任囊蓝,我火速辦了婚禮饿悬,結果婚禮上,老公的妹妹穿的比我還像新娘聚霜。我一直安慰自己狡恬,他們只是感情好,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布蝎宇。 她就那樣靜靜地躺著弟劲,像睡著了一般。 火紅的嫁衣襯著肌膚如雪姥芥。 梳的紋絲不亂的頭發(fā)上兔乞,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天,我揣著相機與錄音凉唐,去河邊找鬼庸追。 笑死,一個胖子當著我的面吹牛台囱,可吹牛的內(nèi)容都是我干的淡溯。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼簿训,長吁一口氣:“原來是場噩夢啊……” “哼咱娶!你這毒婦竟也來了?” 一聲冷哼從身側響起煎楣,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤豺总,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后择懂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡另玖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年困曙,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谦去。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡慷丽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鳄哭,到底是詐尸還是另有隱情要糊,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布妆丘,位于F島的核電站锄俄,受9級特大地震影響局劲,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜奶赠,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望毅戈。 院中可真熱鬧苹丸,春花似錦、人聲如沸苇经。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扇单。三九已至感憾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間令花,已是汗流浹背阻桅。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留兼都,地道東北人嫂沉。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像扮碧,于是被迫代替她去往敵國和親趟章。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 1.HTML慎王、XML蚓土、XHTML的區(qū)別 HTML:超文本標記語言(Hyper Text Markup Langua...
    IT男的成長記錄閱讀 288評論 0 1
  • 1. DOCTYPE種類 DOCTYPE(是Document Type文檔類型的簡寫)是一組機器可讀的規(guī)則,它指示...
    Maggie_77閱讀 1,171評論 0 0
  • HTML赖淤、XML蜀漆、XHTML 有什么區(qū)別 1.HTML 是用來描述網(wǎng)頁的一種語言,指的是超文本標記語言 (Hype...
    饑人谷_牛牛閱讀 693評論 0 2
  • 人與人之間的關系 無非都是錢的關系 社會不認識你是誰 社會認識的只有錢 因為社會是現(xiàn)實的 發(fā)生事情的時候 無論是親...
    猴爸陪你讀書閱讀 1,028評論 0 0
  • 鲜侥。。诸典。描函。。。舀寓。胆数。。基公。幅慌。。轰豆。胰伍。。酸休。骂租。。斑司。渗饮。。宿刮。互站。。僵缺。胡桃。。磕潮。翠胰。。自脯。之景。。膏潮。锻狗。。戏罢。屋谭。。龟糕。。悔耘。讲岁。。。缓艳。校摩。。阶淘。衙吩。。溪窒。坤塞。。澈蚌。摹芙。。...
    昵稱你個頭閱讀 153評論 0 1