HTML 기술: 코드 의미화 _HTML/Xhtml_웹 페이지 제작

HTML 의미론은 흔한 문제인 것 같습니다. Google에서 검색하면 의미론적 태그에 대한 기사가 많이 있습니다. 왜 의미론적 태그가 필요한가요? Html의 각 태그에는 고유한 의미가 있으며, 즉, 의미론적 태그는 다음과 같습니다. 사람과 기계 모두를 더 잘 이해할 수 있도록 적절한 위치에 적절한 태그를 사용합니다. (기계는 브라우저로 이해할 수 있고, 검색 엔진으로도 이해할 수 있습니다.) 제 설명이 충분히 명확하지 않으면 Google에 문의하세요.

올바른 태그를 올바른 위치에 사용하는 방법은 무엇입니까?

이것은 간단한 이해 논리입니다. 예를 들어, h1~h6 태그는 순서가 지정되지 않은 목록을 위한 것입니다. 채워진 목록에 사용되며, em을 정의하는 데 사용됩니다. 강한 태그는 강조에 사용됩니다. 직설적으로 말하면 Html 태그의 각 영어 해석이 의미를 결정합니다. 일반적으로 사용되는 HTML 태그의 영어 정의 참조)
인간과 기계 모두에게 분명한 것은 무엇입니까?
Html 페이지가 의미적인지 확인하는 가장 좋은 방법은 Css
페이지에 링크를 걸어 웹페이지 구조가 올바른지, 페이지의 가독성이 여전히 좋은지 확인하세요. 브라우저에 기본 스타일이 있다는 것을 모두가 알고 계시나요? (Chrome 사용을 권장합니다. Web Developer Tools for Chrome 플러그인이나 Firefox의 Web Developer 플러그인)(예: h1~h6)은 굵은 글씨로 표시됩니다. 글꼴 크기는 순차적으로 감소하며 위쪽 및 아래쪽 여백의 기본 스타일인 ul, ol, dl은 모두 기본 글머리 기호가 있고 Strong은 기본적으로 굵은 스타일이 있습니다... 따라서 같은 페이지에서 의미가 좋은 HTML을 사용할 수 있습니다. 페이지에서 제거됨 또 다른 요점은 좋은 의미론적 코딩이 검색 엔진에 더 친숙하다는 것입니다. 하지만 HTML 태그는 인식할 수 있습니다. 간단한 예는 다음과 같습니다.




코드 복사

코드는 다음과 같습니다.

Mr. ;/div>

웹 프론트엔드 기술에 집중하고 Php를 사랑하며 단순한 삶을 옹호하는 평범한 남자입니다.

;

Mr.Think의 블로그

웹 프론트엔드 기술에 집중하고 PHP를 사랑하며 단순한 삶을 옹호하는 평범한 사람들입니다.

위의 간단한 예제와 CSS 정의가 없는 렌더링을 통해 둘 사이의 차이점을 이해할 차례입니다. Html5를 배우신다면 헤더, 바닥글, 사이드바, 기사 및 기타 요소가 모두 새로 추가된 시맨틱 태그입니다.
시맨틱 HTML 코딩은 고품질 프런트 엔드 개발을 향한 단계입니다. 이는 웹 표준을 더 잘 준수한다는 의미이며 스타일을 제거한 후에도 페이지 순서를 유지할 수 있습니다. 더 자세한 소개를 보려면 Google을 참조하세요. 또는 Adang의 "웹 프론트엔드 개발 방식" 3장.
첨부 : 중국어와 중국어의 태그 의미 비교표를 읽어보세요. 영어

标签名	英文全拼	中文翻译
a	anchor	锚
abbr	abbreviation	缩写词
acronym	acronym	取首字母的缩写词
address	address	地址
b	bold	粗体
big	big	变大
blockquote	block quotation	区块引用于
br	break	换行
caption	caption	标题
center	center	居中
dd	definition description	定义描述
del	delete	删除
div	division	分隔
dl	definition list	定义列表
dt	definition term	定义术语
em	emphasized	加重
fieldset	fieldset	域集
font	font	字体
h1~h6	header1~header6	标题1~标题6
hr	horizontal rule	水平尺
i	italic	斜体
ins	inserted	插入
legend	legend	图标
li	list item	列表项目
ol	ordered list	排序列表
p	paragraph	段落
pre	preformatted	预定义格式
s	strikethrough	删除线
small	small	变小
span	span	范围
strong	strong	加重
sub	subscripted	下表
sup	superscripted	上标
u	underlined	下划线
ul	unordered list	不排序列表
var	variable	变量