2015年11月17日 星期二

html slim 學習筆記

slim 主要遵循ruby開發規則, 若執行ruby語法需在前面需用" - "來告知

ex:
 - $a = "abc";
 - if  $a =="abc"
     h1 =($a)
- else

Windows Ruby 編碼原生非 UTF-8，所以需要更改

使用指令 ＂ruby -e "puts Encoding.default_external" ＂檢查 ,正常因該為 CPXXX

使用指令＂set RUBYOPT=-EUTF-8＂變更完成後請重新開啟cmd檢查

若為UTF-8表示完成

各類標籤定義

| : 文字延伸,後面內容表示文字

/ : slim上的註解,並不會compiler至HTML

/! : html 上的註解,會compiler 為 <!-- -->

/[if IE] : <!--[if IE]>  <![endif]-->

< : 前端自動增加空白

> : 後段自動增加空白

：: inline tag 後段文字表示為html 的tag 而非字串

Doctype tag

XML VERSION
doctype xml
  <?xml version="1.0" encoding="utf-8" ?>

doctype xml ISO-8859-1
  <?xml version="1.0" encoding="iso-8859-1" ?>
XHTML DOCTYPES
doctype html
  <!DOCTYPE html>

doctype 5
  <!DOCTYPE html>

doctype 1.1
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

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

doctype mobile
  <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN"
    "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

doctype basic
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
    "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">

doctype transitional
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 4 DOCTYPES
doctype strict
  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

doctype frameset
  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">

doctype transitional
  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)