成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

初識HTML和WEB標準

zombieda / 3098人閱讀

摘要：開始標簽和結(jié)束標簽也被稱為開放標簽和閉合標簽。網(wǎng)頁主要由三部分組成結(jié)構(gòu)表現(xiàn)和行為對應(yīng)標準也分三方面結(jié)構(gòu)化標準語言表現(xiàn)標準語言行為標準。表現(xiàn)標準語言主要是，用于對網(wǎng)頁進行美化。

初識HTML和WEB標準

什么是 HTML？

  • HTML 超文本標記語言的縮寫(Hyper Text Markup Language)
  • HTML 并不是編程語言，而是一種標記語言(markup language)
    • 標記 <英文單詞或者字母>稱為標記，一個HTML頁面都是由各種標記組成。
    • 標記語言 一套標記標簽(markup tag)
    • 標記語言 和編程語言有一個編譯過程不一樣，它是直接將HTML頁面交由瀏覽器解析執(zhí)行的。
  • HTML 使用標記標簽來描述網(wǎng)頁，用于描述超文本內(nèi)容的顯示方式，如字體，顏色，大小等。
    • 超文本基本特征就是可以超鏈接文檔。
    • 這些標記標簽在瀏覽器解析完展示給用戶看的時候是不會出現(xiàn)在頁面的。

HTML 有什么用？

  • 作用 HTML用于描述文檔語義。(html中，除了語義，其他什么都沒有)

什么是HTML 標簽？

* HTML 標記標簽通常被稱為 HTML 標簽(HTML tag)
* HTML 標簽是由尖括號包圍的關(guān)鍵詞，如。
* HTML 標簽通常是成對出現(xiàn)的，如
和
。
* 標簽對中的第一個標簽是開始標簽，第二個(通常帶"/"號)標簽是結(jié)束標簽。
* 開始標簽和結(jié)束標簽也被稱為開放標簽和閉合標簽。

HTML標簽 有什么用？

  • 作用: 不同的HTML標簽給文本不同的語義。
    • 面試的時候問你，h1標簽有什么作用？
      • 正確答案: h1標簽用于給文本增加主標題的語義，且一個頁面中只能有一個h1標簽(文章名稱只能有一個)
      • 錯誤答案: h1標簽用于給文字加粗，加黑，增大。

HTML 文檔 = 網(wǎng)頁

web 瀏覽器的作用是讀取HTML文檔，并將其以網(wǎng)頁的形式顯示，瀏覽器不會顯示當中的HTML標簽，而是使用標簽來解析頁面的內(nèi)容。

  • HTML文檔 用于描述網(wǎng)頁。
  • HTML文檔 包含HTML標簽和純文本。
  • HTML文檔 被稱為網(wǎng)頁(通俗術(shù)語)
  • 網(wǎng)頁 可以看成是由各種標記組成的一個頁面。
    • 主頁(首頁) 網(wǎng)站的起始頁面或者導(dǎo)航頁面。

例：


    
    
        
        
 主標題：鐵樂與貓學習HTML 

        
        
 正文段落：學習HTML的第一天。

WEB標準

  • w3c 萬維網(wǎng)聯(lián)盟組織，制定web標準的機構(gòu)。
    • 官方鏈接：w3c官網(wǎng)
  • web標準 制作網(wǎng)頁遵循的規(guī)范，它不是一個標準，而是一系列標準的集合。
  • 網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）
  • 對應(yīng)web標準也分三方面：結(jié)構(gòu)化標準語言、表現(xiàn)標準語言、行為標準。
    • 結(jié)構(gòu)化標準語言：主要是XHTML和XML，用于描述網(wǎng)頁。
    • 表現(xiàn)標準語言：主要是CSS，用于對網(wǎng)頁進行美化。
    • 行為標準：主要包括對象模型（如W3C DOM）、ECMAScript等，JS讓網(wǎng)頁富有生命力，動態(tài)。

代碼標準

  • 必須結(jié)束標記
    • HTML可以打開多個標簽而不要求一定要寫對應(yīng)的結(jié)束標簽來關(guān)閉它們。
    • 這在XHTML中是不合法的。另外約定俗成也必須帶結(jié)束標記。
    • XHTML要求有嚴謹?shù)慕Y(jié)構(gòu)，所有標簽必須關(guān)閉。
    • 如果是多帶帶不成對的標簽，在標簽最后加一個"/"來關(guān)閉它。
      * 雙邊標記 * 單邊標記
      轉(zhuǎn)成
  • 小寫元素
    • HTML對大小寫不敏感，XHTML對大小寫敏感。
    • XHTML要求所有的標簽和屬性的名字都必須使用小寫。
    • 大小寫夾雜也是不被認可的。
      • 例dreamweaver自動生成的屬性名字"onMouseOver"也必須修改成"onmouseover"。
  • 合理嵌套
    • 所有的嵌套都必須按順序。
      * 例

      必須修改為

    • 一層一層的嵌套必須是嚴格對稱。
  • 屬性值加引號
    • 在HTML中，沒有強制給屬性值加引號，但在XHTML中，必須被加引號。
      * 例必須修改為：
    • 特殊情況需要在屬性值中使用雙引號時可以用相應(yīng)代表的特殊符號去引用。
  • 特殊符號
    * 任何小于號(<)，只要不是標簽的一部分，都必須被編碼為<
    * 任何大于號(>)，只要不是標簽的一部分，都必須被編碼為>
    * 任何與符號(&)，只要不是實體的一部分，都必須被編碼為&
    * 注：上面的特殊符號中間沒有空格，且后面帶分號。
  • 所有屬性賦值
    • XHTML規(guī)定所有屬性都必須有一個值，沒有值的就重復(fù)本身。
  • "--"在注釋中
    • “--”只能發(fā)生在XHTML注釋的開頭和結(jié)束，也就是說，在內(nèi)容中它們不再有效。

以上標準雖然只在XHMTL中要求規(guī)范，HTML中不算不合法，但程序員默認還是要遵循它們的。

HTML的基本語法特征

  • HTML對換行不敏感，對tab不敏感，換多少行和tab多少都不影響頁面的結(jié)構(gòu)。
    • HTML并不依靠縮進來表示嵌套，而是直接看標簽的包裹關(guān)系。
    • 但是良好的縮進有助于閱讀和理解代碼，所以最好還是正確的使用縮進標簽。
  • 空白折疊現(xiàn)象
    • HTML中所有的文字之間，如果有空格、換行、tab都只會被折疊成一個空格顯示。
  • 標簽要嚴格封閉

HTML與XHTML

  • XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言。
    • 在XHTML中的字母X，表示“嚴格的”。
    • XHMTL與HTML4.0的標記基本上一樣。
    • XHTML不同于HTML4.0，可稱之為嚴格嚴謹?shù)?、純凈?/strong>HTML。
    • XHTML的主要目的是為了規(guī)范HTML4.0，也可以理解為HTML4.0的升級版。
    • 但是真正的升級版，HTML5極大的簡化了DTD(規(guī)范)，也就是說HTML5中就不用區(qū)分XHTML和HTML了。
  • HTML的標記書寫很不規(guī)范，有可能會造成其它的設(shè)備(ipad、手機、電視等)無法正常顯示。
    • HTML4.01里面規(guī)定了普通和XHTML兩大種規(guī)范。
    • HTML4.01這個版本是IE6開始兼容的。
    • HTML5是IE9開始兼容的。

文：鐵樂與貓

2018-5-21

參考：

1、HTML簡介

2、html介紹和head標簽

3、baidu百科：web標準

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2243.html

相關(guān)文章

  • 初識HTML

    摘要：簡介超文本標記語言英語，簡稱是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。網(wǎng)頁瀏覽器可以讀取文件，并將其渲染成可視化網(wǎng)頁。網(wǎng)頁瀏覽器也可以引用層疊樣式表來定義文本和其它元素的外觀與布局。元素表示某些重要性的文本，強調(diào)文本，而元素表示某些相關(guān)性的文本。 HTML簡介 超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。HTML是...

    wall2flower 評論0 收藏0

  • 初識React

    摘要：初識依稀記得那年參加線下活動，第一次聽說這個詞語，當時的主講人是郭達峰，他播放了一個關(guān)于及的性能對比視頻。合成事件會以事件委托的方式綁定到組件最上層，并且在組件卸載的時候自動銷毀綁定的事件。 初識React 依稀記得2015那年參加線下活動，第一次聽說React這個詞語，當時的主講人是郭達峰，他播放了一個關(guān)于ember、angular及react的性能對比視頻： React.js Co...

    kuangcaibao 評論0 收藏0

  • react開發(fā)教程（－）初識

    摘要：定義一個組件可以在其他組件中調(diào)用這個組件調(diào)用組件劉宇組件插入內(nèi)容在上面的案例中可以看到吧寫到當中，這種寫法稱為。 React初識 React是Facebook推出的一個javascript庫(用來創(chuàng)建用戶界面的Javascript庫)，所以他只是和用戶的界面打交道，你可以把它看成MVC中的V(視圖)這一層。 組件 React的一切都是基于組件的。web世界的構(gòu)成是基于各種HTML標簽的...

    Allen 評論0 收藏0

  • 初識Java（譯）

    摘要：圖片含義如下源代碼程序編譯器編譯在執(zhí)行字節(jié)碼編譯器會將源代碼編譯成字節(jié)碼在虛擬機上執(zhí)行字節(jié)碼。字節(jié)碼只能在上執(zhí)行。的構(gòu)成要素的構(gòu)成如下圖所示每一欄分別的含義如下源程序字節(jié)碼編譯調(diào)試程序等源代碼由開發(fā)者編寫。 源自Javaの道日語技術(shù)社區(qū)原文地址譯者 夢夢的幻想鄉(xiāng)見てくれてありがとうござい?。。?はじめてのJava 初識Java 本章將會對Java的執(zhí)行順序、Java的構(gòu)成要素、Java...

    qqlcbb 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<