前端實習(xí)面試準(zhǔn)備——HTML(1)

周六第一次面試婉徘,看書準(zhǔn)備基礎(chǔ)知識咐汞,隨手整理儒鹿,Markdown真不錯,希望面試順利侯谁!

Chapter 1 為WEB結(jié)構(gòu)化文檔


  1. 布爾特性:HTML5中存在一些不是由“名稱/值”對組成锌仅,而只有一個名稱組成的特性。這些特性被稱為“不二特性”贱傀,如“required”或者“checked”

  2. 核心特性:id title class style

  3. 構(gòu)成HTML文檔基礎(chǔ)的四個主要元素:<html><head>府寒、<title><body>

    1. <html>元素是整個HTML文檔的包含元素(containning element)
    2. <head>元素僅僅是其它所有頭部元素的容器报腔。每個<head>元素內(nèi)都應(yīng)包含一個<title>元素,還可以包含以下元素的任意一種按任意順序出現(xiàn)的組合:
      • <base>
      • <link>:用于鏈接外部文件纯蛾,例如樣式表:<link rel="stylesheet" href="css/main.css">
      • <style>:用于在文檔內(nèi)包含CSS規(guī)則
      • <script>:用于在文檔內(nèi)包含腳本
      • <meta>:包含文檔的相關(guān)信息
    3. <title>:搜索引擎使用其內(nèi)容幫助建立索引
    4. <body>:包含了實際瀏覽器主窗口中看到的部分
  4. 關(guān)于DOCTYPE:DOCTYPE(即“文檔類型”,DOCumentTYPE),告知瀏覽器在用戶顯示文檔時應(yīng)使用何種規(guī)則炮姨。這些規(guī)則稱為“模式(mode)"碰煌。HTML5將瀏覽器設(shè)置為“嚴(yán)格模式”(strict mode)的DOCTYPE。另一個常見的模式是“兼容模式”(quirks mode)

  5. 文本格式化

    1. <pre>:預(yù)格式化文本芦圾,任何位于<pre>開標(biāo)簽和</pre>閉標(biāo)簽之間的文本都會保持其在源文件中的格式。大多數(shù)瀏覽器默認(rèn)會使用等寬字體顯示這種文本(Courier字體就是一個等寬字體的例子洪乍,每個字母占用相同的寬度)。<pre>元素最常用于顯示計算機源碼典尾。
  6. 理解塊級元素與行內(nèi)元素

    • 塊級(Block-level)元素在屏幕上顯示時糊探,就好像在它的首部都有一個換行符
    • 行內(nèi)(Inline)元素可以出現(xiàn)在同一行句子中而不必另起一行
  7. 新增加的元素

    • <header>:題頭對于普通的引導(dǎo)或者內(nèi)容導(dǎo)航等功能來說非常有幫助
    • <hgroup>:用于組織具有一些邏輯聯(lián)系的多級標(biāo)題河闰。
    • <nav>:代表頁面的導(dǎo)航區(qū)域
    • <section>
    • <article>
    • <hr>:在頁面創(chuàng)建一條橫跨頁面的橫線
    • <blockquote>:引用其他來源的一段文章褥紫,使用cite指明引用內(nèi)容特性。此外還有一個<q>元素用于較小的引用
    • <aside>:用于標(biāo)記文檔相關(guān)內(nèi)容部念,比如醒目引用、邊條和廣告等
    • <footer>
    • <address>:用于標(biāo)記<article>元素或者整個文檔的聯(lián)絡(luò)信息
  8. 使用列表

    • 無序列表:<ul>
    • 有序列表:<ol>
      • 使用start特性修改有序列表的起始數(shù)字
      • 使用reversed特性實現(xiàn)列表順序倒數(shù)
      • 使用type特性制定序列標(biāo)記
    • 定義列表:<dl>代表一個描述列表儡炼,由0個或多個“術(shù)語-描述”(名稱/值)組構(gòu)成查蓉。每一組都與一個或多個“術(shù)語/名稱”(<dt>元素的內(nèi)容)以及一個或多個“描述/值”(<dd>元素的內(nèi)容)相關(guān)聯(lián)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市妹田,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鬼佣,老刑警劉巖霜浴,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異坷随,居然都是意外死亡,警方通過查閱死者的電腦和手機温眉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門类溢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人闯冷,你說我怎么就攤上這事∩咭” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵译暂,是天一觀的道長抠忘。 經(jīng)常有香客問我外永,道長,這世上最難降的妖魔是什么囚灼? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任祭衩,我火速辦了婚禮,結(jié)果婚禮上汪厨,老公的妹妹穿的比我還像新娘。我一直安慰自己劫乱,他們只是感情好锥涕,可當(dāng)我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著层坠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谦趣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天前鹅,我揣著相機與錄音峭梳,去河邊找鬼。 笑死葱椭,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的孵运。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼治笨,長吁一口氣:“原來是場噩夢啊……” “哼粪小!你這毒婦竟也來了抡句?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤逞壁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后腌闯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡姿骏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年分瘦,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琉苇。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖去团,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情土陪,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布鬼雀,位于F島的核電站扮超,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏出刷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一馁龟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧坷檩,春花似錦改抡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至骗绕,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間酬土,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工撤缴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人腹泌。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像凉袱,于是被迫代替她去往敵國和親侦铜。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,870評論 2 361

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