Skip to content

Hotfix/html css convention #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
linhlt311 wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Hotfix/html css convention #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
5fcd387
Try 1
Jan 21, 2018
031dbd1
Fix Try 1
Jan 21, 2018
8b381f6
Try fix 2
Jan 21, 2018
9195942
Try fix 3
Jan 21, 2018
3829de1
Try fix 4
Jan 21, 2018
f0ea84d
Try fix 5
Jan 21, 2018
8d37558
Try fix 5
Jan 21, 2018
053d1e4
Fix heading
Jan 22, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 12 additions & 11 deletions coding-standard/html-css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# HTML&CSS coding convention
#HTML Convention
# HTML Convention

##Tất cả các thẻ (tags) phải là chữ thường
## Tất cả các thẻ (tags) phải là chữ thường
```
<table></table>
<form></form>
```

###Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML
### Sử dụng tên ý nghĩa khi đặt cho ID và các phần tử HTML
```
txtName, txtAge
```
Expand All @@ -16,7 +16,7 @@ thay vì
text1, text2
```

###Indent HTML code consistently (Thụt lề cho mã HTML)
### Indent HTML code consistently (Thụt lề cho mã HTML)
```
<body>
<form name="frmActivity" method="post" action="<?php echo $formAction;?>">
Expand All @@ -31,10 +31,11 @@ text1, text2
</body>
```

###Không sử dụng inline style attributes
Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
### Không sử dụng inline style attributes
Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.

```
<!-- INSTEAD OF -->
<div style="width:100px;align:center;">
Expand All @@ -43,9 +44,9 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
<div class="message">
```

###Sử dụng 1 file CSS riêng không đặt trong trang HTML
### Sử dụng 1 file CSS riêng không đặt trong trang HTML

###Tuân thủ W3C validate
### Tuân thủ W3C validate
- Việc này giúp website của bạn tối ưu được các đoạn mã HTML và hỗ trợ cho SEO
- Có thể check W3C validate trên trang https://validator.w3.org/

Expand Down Expand Up @@ -178,10 +179,10 @@ Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợ
}
}

###Đặt tên cho class
### Đặt tên cho class
- Khi đặt tên cho class theo cấu trúc `[Tên viết tắt của dự án]-[Chức năng của section]`

###Phân chia section rõ ràng
### Phân chia section rõ ràng
- Phân chia section rõ ràng với từng chức năng của nó

Đặt tên class theo chức năng và hướng tới "Đối tượng"
1 change: 1 addition & 0 deletions coding-standard/javascript.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,6 +100,7 @@ function handleThings(name, opts = {}) {
```

### Khoảng trắng

- Sử dụng 2 khoảng trắng tương ứng với 1 tab
- Sau các từ khóa `if`, `while`, `do`, ... phải có 1 khoảng trắng
- Trước và sau các biến có khoảng trắng
Expand Down
8 changes: 5 additions & 3 deletions html-css/convention.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,11 @@
* Không dùng ID làm selector

### Không tốt
#some-body {
// ...
}
```
#some-body {
// ...
}
```

### Tốt
.some-body {
Expand Down
1 change: 1 addition & 0 deletions html-css/html.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ text1, text2
Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.

```
<!-- INSTEAD OF -->
<div style="width:100px;align:center;">
Expand Down
5 changes: 3 additions & 2 deletions html.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,11 +34,12 @@ text1, text2
Hạn chế sử dụng nó càng ít càng tốt, điều này có những lợi thế sau:
- Có thể dễ dàng chỉnh sửa giao diện cho mã HTML
- Có thể kế thừa CSS nếu bạn muốn sử dụng lại nó ở 1 nơi khác.

```
<!-- INSTEAD OF -->
<-- INSTEAD OF -->
<div style="width:100px;align:center;">

<!-- USE -->
<-- USE -->
<div class="message">
```

Expand Down