亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端菜鳥筆記 Day-1 HTML&HTML 5

kevin / 1313人閱讀

摘要：行內(nèi)元素特征設置寬高屬性無效設置僅左右水平方向有效，上下垂直無效設置上下左右都有效內(nèi)容不會自動進行換行行內(nèi)塊元素行內(nèi)塊元素綜合了兩者的特征，各有取舍，可以對任意元素進行屬性設置。

文章大綱來源：【Day 1】HTML & HTML 5

標記語言

XHTML/HTML/HTML 5異同

了解doctype

HTML

HTML 5

標記語言

標記語言(ML)即 Markup Language，可以準確定義數(shù)據(jù)信息本身以及和數(shù)據(jù)相關(guān)的信息。

其中標記(markup)這個詞，來源于傳統(tǒng)出版業(yè)的“標記”手稿，也就是在原稿邊緣加注一些符號來指示打印上的要求（字體段落的要求）。

在這個例子中，原稿本身就是數(shù)據(jù)信息，加注的指示就是和數(shù)據(jù)相關(guān)的信息。

HTML/XHTML/HTML 5異同 HTML 簡述

HTML 是超文本標記語言 (HyperType Markup Language) 的簡稱，HTML是用來描述網(wǎng)頁的一種語言。

XHTML 簡述

XHTML 是可擴展超文本標簽語言 (EXtensible HyperText Markup Language)的簡稱， XHTML 的目標是用規(guī)范化語法結(jié)構(gòu)來取代 HTML ，以 XML 為根本重構(gòu)了 HTML 4.01 。

HTML 5 簡述

HTML 5 的設計目的是為了在移動設備上支持多媒體。

新的語法特性被引進以支持這一點，如video、audio和canvas標記 (tag) 。

HTML 5 將會取代1999年制定的 HTML 4.01、XHTML 1.0 標準。

三者異同點

HTML 5 和 XHTML 是老版 HTML 的替代

HTML 5 主要用來在移動設備上支持多媒體

XHTML 為了用來嚴格規(guī)范語法結(jié)構(gòu)

HTML/XHTML/HTML 5 僅僅是版本不同

目前 HTML 5 是主流

原文引用：

HTML、XML、XHTML和HTML 5的異同

拓展閱讀：

英文原文: Jeremy Keith | The Design of HTML 5

翻譯：Web的真諦：HTML 5到底是什么意思？

原演講視頻：Jeremy Keith | The Design of HTML 5 | Fronteers 2010

doctype 
 聲明幫助瀏覽器正確地顯示網(wǎng)頁。

不是 HTML 標簽。它為瀏覽器提供一項信息（聲明），即 HTML 是用什么版本編寫的。

HTML 5 聲明：



HTML 4.01 聲明：




XHTML 1.0 聲明：




內(nèi)容引用：HTML 

HTML
基本格式

標準的HTML 5文檔的格式：






    
    
        
        
        Title Tag
        
    
    
    
    
    





    




內(nèi)容引用：HTML 5的基本格式

塊級(block)元素

塊級元素最常使用的是div，其他的還有hX、p、nav、aside、header、footer、section、article、ul-li、address等等，也可以對任意元素進行display:block屬性設置。


塊級元素特征：



設置寬高屬性有效



margin、padding上下左右（水平垂直）均有效


內(nèi)容會自動進行換行


多個塊狀元素標簽寫在一起，默認排序從上到下


行內(nèi)(inline)元素

行內(nèi)元素最常使用的是span，其他的還有a、code、i、img、input、textarea等等，也可以對任意元素進行display:inline屬性設置。


行內(nèi)元素特征：



設置寬高屬性無效



margin設置僅左右（水平）方向有效，上下（垂直）無效



padding設置上下左右都有效


內(nèi)容不會自動進行換行


行內(nèi)塊(inline-block)元素

行內(nèi)塊元素綜合了兩者的特征，各有取舍，可以對任意元素進行display:inline-block屬性設置。


行內(nèi)塊元素特征：



內(nèi)容不會自動進行換行


能夠識別寬高


多個行內(nèi)塊元素默認排列方式從左到右


HTML tag

也不用每個都詳細說一下，后面有時間的話開一個專題挑幾個常用的出來詳細說一下。


HTML 參考手冊

語義化

語義化的含義就是用正確的標簽做正確的事情。


HTML語義化就是讓頁面的內(nèi)容結(jié)構(gòu)化，便于瀏覽器、搜索引擎（機器）理解解析，利于SEO。


內(nèi)容引用：前端工程師手冊-HTML語義化

script/style/link



script元素既可以包含腳本語句（如上），也可以通過src屬性指向外部腳本文件：







標簽定義文檔與外部資源的關(guān)系，常見的用途是連接樣式表，在 HTML 中， 標簽沒有結(jié)束標簽。






HTML 5

初期需要了解內(nèi)容：



新便簽在各瀏覽器的兼容情況


與媒體相關(guān)的標簽


HTML 5 API


Canvas



在后面涉及到的時候再開專題進行介紹。




個人靜態(tài)博客：


氣泡的前端日記： https://rheabubbles.github.io

           
               
                                           
                       
                 

            
                     
             
               

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

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

               

                 Failed to recv the data from server completely (SIZE:0/8, REASON:closed)